Storybook 5.2 发布,UI 组件的开发环境

栏目: 软件资讯 · 发布时间: 6年前

内容简介: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 websiteLearn 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 支持

Storybook 5.2 发布,UI 组件的开发环境

另外,5.3.0-alpha.0 已经发布,详情见发布说明:

https://github.com/storybookjs/storybook/releases


以上所述就是小编给大家介绍的《Storybook 5.2 发布,UI 组件的开发环境》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Learning JavaScript

Learning JavaScript

Shelley Powers / Oreilly & Associates Inc / 2006-10-17 / $29.99

As web browsers have become more capable and standards compliant, JavaScript has grown in prominence. JavaScript lets designers add sparkle and life to web pages, while more complex JavaScript has led......一起来看看 《Learning JavaScript》 这本书的介绍吧!

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具

MD5 加密
MD5 加密

MD5 加密工具

SHA 加密
SHA 加密

SHA 加密工具