hsds react

HSD：反應

React組件以幫助SELS Scout的設計系統

現場演示

查看HSDS的故事書：https：//hsds.helpscout.com/。

安裝

 npm install @helpscout/hsds-react --save

入門

克隆此存儲庫後，運行：

 npm install

一旦安裝了所有內容，請運行：

 npm start

在http：// localhost：8900/您的瀏覽器中查看HSDS的故事書！

SVG適配器

從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'

注意：這加載了所有svg圖像，包括Icon和Illo 。

測試

要在手錶模式下開玩笑，請運行：

 npm run dev

要執行所有測試（帶有覆蓋範圍報告），請運行：

 npm run test

出版

合併公關

要合併發布後，請在PR頁面中進行壁球並合併。它將在主分支中保持歷史清潔

如果可能

在NPM上釋放

您可以了解有關發布主或發布Beta構建的更多信息

要發布並發布新版本的HSD，請運行以下命令：

 npm run release

您會為您提供帶有選項的CLI提示。選擇您想要的那個，僅此而已！該腳本將照顧其餘的（從測試到發布）。

部署故事書

要部署故事書，請運行以下命令：

 npm run deploy

學習

• HSDS文檔：https：//hsds.helpscout.com/
• 開發人員深入文檔：開發文檔
• 另外，查看我們的視頻以獲取更多學習資源

藍色的？

2018年11月8日，我們將藍色品牌重新命名為HSD：React？ 。

原始的藍色庫仍將存在於NPM上，並且仍然可以通過以下方式安裝：

 npm install @helpscout/blue --save

但是，該組件庫的持續開發將繼續根據HSD：REACT進行，這是可通過以下方式安裝的：

 npm install @helpscout/hsds-react --save

非常感謝所有參與藍色的人！藍色永遠是你的男孩嗎？ 。