开源框架-Storybook是 UI 组件的开源开发环境

Storybook 是一个 UI 开发工具。它通过隔离组件使开发更快、更容易。这允许您一次处理一个组件。您可以开发整个 UI,而无需启动复杂的开发堆栈、将某些数据强制输入数据库或在应用程序中导航。

开源框架——Storybook是 UI 组件的开源开发环境

Storybook 可帮助您记录组件以供重用,并自动对组件进行可视化测试以防止出现错误。使用插件生态系统扩展 Storybook ,帮助您执行微调响应式布局或验证可访问性等操作。

Storybook 与最流行的 JavaScript UI 框架集成,并且(实验性地)支持服务器渲染的组件框架。Storybook 附带了许多用于组件设计、文档、测试、交互性等的插件。Storybook 的 API 使得以各种方式进行配置和扩展成为可能。它甚至已经扩展到支持 React Native、Android、iOS 和 Flutter 移动开发。

开发脚本

Storybook 使用Lerna组织为 monorepo 。有用的脚本包括:

yarn bootstrap

安装包依赖项并将包链接在一起 - 使用 lerna

yarn lint

布尔检查代码是否符合 linting 规则 - 使用 remark 和 eslint

  • yarn lint:js- 将检查 js
  • yarn lint:md- 将检查降价+代码示例
  • yarn lint:js --fix- 会自动修复js

yarn test

布尔检查单元测试是否全部通过 - 使用玩笑

  • yarn run test --core --watch- 将在监视模式下运行核心测试
发表评论
留言与评论(共有 0 条评论) “”
   
验证码:

相关文章

推荐文章