Isolierte Umgebung der React -Komponentenentwicklung mit einem Leitfaden für den Lebensstil
React StyleGuidist ist eine Komponentenentwicklungsumgebung mit Hot Reloaded Dev Server und ein Leitfaden für Lebensstil, den Sie mit Ihrem Team teilen können. Es listet Komponenten propTypes auf und zeigt Beispiele für live, bearbeitbare Nutzung, die auf Markdown -Dateien basieren. Schauen Sie sich den Demo -Style Guide an.
Verwendung
- Erste Schritte: Installieren und Ausführen von StyleGuidist
- Dokumentieren von Komponenten: Schreiben Sie Dokumentation zum Schreiben von Dokumentationen
- Suchen
- Konfigurieren von WebPack: Sagen Sie StyleGeidist, wie Sie Ihren Code laden,
- Kochbuch: So lösen Sie gemeinsame Aufgaben mit StyleGeist
Erweiterte Dokumentation
- Konfiguration
- CLI -Befehle und -optionen
- Node.js api
Beispiele
- Grundstilhandbuch, Quelle
- Stilhandbuch mit Abschnitten, Quelle
- Stilhandbuch mit maßgeschneiderten Stilen, Quelle
- Stilhandbuch mit benutzerdefinierten Expressendpunkten, Quelle
- React App Integration, Quelle erstellen
Showcase
Reale Projekte mit React StyleGuidist:
- Rumble -Diagramme
- besser reagiert
- Semantische UI -Komponenten für React
- Dialogkomponenten
- Bulma -Komponenten
- Yammer -Komponenten
- Weitere Projekte…
Integration in andere Tools
- React App erstellen - unterstützt außerhalb der Box, sehen Sie sich die Anleitung zum Erste Schritte an
- Vue, siehe Vue StyleGuidist
Werkzeuge von Drittanbietern
- Snapguidist: Snapshot -Test für React StyleGuidist
- React-StyleGuidist-Visual: Automatisierte visuelle Tests für React StyleGuidist mit Puppeteer und PixelMatch
- StyleGuidist-Crapper: Scrapper-Skript zur Dokumentation, die von React StyleGeist generiert wurde
Ressourcen
- Der Traum von StyleGuide Driven Development Talk von Sara Vieiraa
- Building React Components Library Talk von Robert Haritonov
- Sagen Sie Käse: Schnappschüsse und visuelle Tests
- Interview mit Artem Sapegin über React StyleGuidist.
Protokoll ändern
Das Änderungsprotokoll finden Sie auf der Seite "Releases".
Beitragen
Jeder ist eingeladen, einen Beitrag zu leisten. Bitte nehmen Sie sich einen Moment Zeit, um die beitragenden Richtlinien und den Entwicklerhandbuch zu lesen.
Sponsoring
Werden Sie Sponsor und holen Sie sich Ihr Logo auf unserem Readme auf GitHub mit einem Link zu Ihrer Website.
Werden Sie ein Unterstützer, und lassen Sie Ihr Bild mit einem Link zu Ihrer Website auf unserem Readme auf GitHub erhalten.
Autoren und Lizenz
Artem Sapegin und Mitwirkende.
Logo von Sara Vieira und Andrey Okonetchnikov.
MIT -Lizenz finden Sie in der enthaltenen lizenz.md -Datei.
