内容简介：Storybook 是 UI 组件的开发环境，它允许开发者浏览组件库，查看每个组件的不同状态，以及交互地开发和测试组件。Storybook 5.2 为所有 Storybook 用户简化了组件文档，它还带来了数百个更多的改进，包括新的插件...
Storybook 是 UI 组件的开发环境，它允许开发者浏览组件库，查看每个组件的不同状态，以及交互地开发和测试组件。Storybook 5.2 为所有 Storybook 用户简化了组件文档，它还带来了数百个更多的改进，包括新的插件 API，原生 TypeScript 类型，新的预置，自定义的 story 排序。
- DocsPage：零配置组件文档
- MDX: MDX 是在同一个文件中灵活地编写 story 和长格式文档的一种方式
- Component Story Format: ComponentStoryFormat(CSF) 是一种可移植的开放标准，用于在纯 ES6 模块中编写 story
- Storybook Design System: 为了改善三个高流量网站的组件重用而构建的（Storybook’s website、Learn Storybook tutorial 和 Chromatic）
5.2 的其他重点包括：
- Addon API：新的 API 遵循 React hook 模式，这使得状态管理和通信更简单、更简洁
- 支持 TypeScript
- 支持 React hook
- story 排序
- story 切换和搜索性能大大提高(~1000 ms=>~50 ms)
- 独立模式：Storybook 是基于 webpack，但现在有可能连接到外部服务器，5.2 版本对运行在 Parcel bundler 下的 Storybook 的实例进行了原型化
- new preset：5.2 添加了 Igor Davydkin 的 scss 预置和 Brody McKee 的 beta Create-React App 预置，大大改进了 Storybook 的内置 CRA 支持
另外，5.3.0-alpha.0 已经发布，详情见发布说明：
https://github.com/storybookjs/storybook/releases
以上所述就是小编给大家介绍的《Storybook 5.2 发布，UI 组件的开发环境》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持！
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
