リビングスタイルガイドを備えた孤立した反応コンポーネント開発環境
React StyleGuidistは、ホットリロードされたDEVサーバーと、チームと共有できるリビングスタイルガイドを備えたコンポーネント開発環境です。コンポーネントのpropTypesをリストし、マークダウンファイルに基づいてライブで編集可能な使用例を表示します。デモスタイルガイドをご覧ください。
使用法
- 開始：StyleGuidistをインストールして実行します
- ドキュメントコンポーネント：ドキュメントの書き方
- 配置コンポーネント：ReactコンポーネントにPoint StyleGuidist
- Webpackの構成：StyleGuidistにコードのロード方法を教えてください
- クックブック：StyleGuidistで一般的なタスクを解決する方法
高度なドキュメント
- 構成
- CLIコマンドとオプション
- node.js API
例
- 基本スタイルガイド、ソース
- セクション、ソースを備えたスタイルガイド
- カスタマイズされたスタイル、ソースを備えたスタイルガイド
- カスタムエクスプレスエンドポイント、ソースを備えたスタイルガイド
- Reactアプリの統合、ソースを作成します
ショーケース
React StyleGuidistを使用した実際のプロジェクト：
- ランブルチャート
- より良い反応 - スピンキット
- 反応のセマンティックUIコンポーネント
- ダイアログコンポーネント
- ブルマコンポーネント
- Yammerコンポーネント
- より多くのプロジェクト…
他のツールとの統合
- Reactアプリの作成 - 箱から出してサポートされている、開始ガイドを参照してください
- Vue、Vue StyleGuidistを参照してください
サードパーティツール
- SnapGuidist：React StyleGuidistのスナップショットテスト
- React-Stylegidist-Visual：PuppeteerとPixelMatchを使用したReact StyleGuidistの自動視覚テスト
- StyleGuidist-Scrapper：React StyleGuidistによって生成されたドキュメントのスクラッパースクリプト
リソース
- サラビエイラによるStyleGuide主導の開発の夢の夢
- Robert HaritonovによるBuilding React Components Library Talk
- チーズと言う：スナップショットと視覚テスト
- React StyleGuidistについてのArtem Sapeginとのインタビュー。
ログを変更します
変更ログは、リリースページにあります。
貢献
誰もが貢献できます。貢献ガイドラインと開発者ガイドをお読みください。
スポンサー
スポンサーになって、サイトへのリンクを使用して、GitHubのReadMeでロゴを取得します。
バッカーになると、サイトへのリンクを使用して、GitHubのReadmeで画像を取得します。
著者とライセンス
Artem Sapeginと貢献者。
サラビエイラとアンドレイオコネッチニコフによるロゴ。
MITライセンス、含まれているLicense.mdファイルを参照してください。
