ヘルプスカウトの設計システムのためにコンポーネントを反応します
HSDSのストーリーブック:https://hsds.helpscout.com/をご覧ください。
npm install @helpscout/hsds-react --save
このリポジトリをクローニングした後、実行してください。
npm install
すべてがインストールされたら、実行してください。
npm start
http:// localhost:8900/in your browserでHSDSのストーリーブックをご覧ください!
V2.18.0の時点で、 svgセットはオプトインです。これは、コンパイルされたバンドルサイズを縮小するために行われました。 svgアイコンをロードするには、適切なアダプターをアプリに追加します。
アダプターは、メインエントリポイント( src/index.jsなど)内のどこかにロードすることをお勧めします。
// src/index.js
// For a lighter-weight svg set for embeddables
import '@helpscout/hsds-react/adapters/embed'
// For the complete svg set
import '@helpscout/hsds-react/adapters/app'注:これにより、 IconやIlloを含むすべてのsvg画像がロードされます。
時計モードでJestを実行するには、実行してください。
npm run dev
すべてのテストを実行するには(カバレッジレポート付き)、実行してください。
npm run test
リリースが完了したらPRをマージするには、スカッシュを実行してPRページからマージしてください。それはメインブランチの歴史をきれいに保ちます
可能であれば、当時1つのPRだけでリリースを行う傾向があります
メインのリリースまたはベータビルドのリリースについて詳しく知ることができます
HSDSの新しいバージョンを公開およびリリースするには、次のコマンドを実行します。
npm run release
オプション付きのCLIプロンプトが表示されます。あなたが望むものを選んでください、そしてそれだけです!スクリプトは、残りの世話をします(テストから公開まで)。
ストーリーブックを展開するには、次のコマンドを実行します。
npm run deploy
2018年11月8日に、青からHSDへのブランド変更:React?。
元のブルーライブラリはまだNPMに存在し、以下を介してインストール可能です。
npm install @helpscout/blue --save
ただし、このコンポーネントライブラリの継続的な開発は、HSDSの下で継続されます。
npm install @helpscout/hsds-react --save
Blueに関わっているすべての人々に感謝します!青はいつもあなたの男の子になりますか? 。