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

非常感谢所有参与蓝色的人！蓝色永远是你的男孩吗？ 。