介绍了彩色

彩色的概述

是什么色?

是一个基于云的工具链 Storybook 帮助团队更快地发布UI组件. 它是由 团队 背后的Storybook. 看 3分钟的演示 现在或阅读下面的关键功能:

⬆️发布Storybook

当你推送代码时,发布你的Storybook到十博体育备用网址的安全CDN. chromic提供了一个共享的工作空间,让团队可以一起评论和审查UI工作. 它与您现有的CI工作流和Git托管提供商集成.

✅UI测试

测试组件的视觉回归. 彩色将你的故事变成测试基线. 每个故事都在Chrome浏览器中呈现, 火狐, 同时使用Internet Explorer 11, 然后与“最后一个已知良好状态”的截图进行比较,以检测漏洞.

💬UI审查

查看受每个pull请求影响的组件的可视化变更集. colour将给定特性分支上的新组件和更新组件与目标分支上的组件进行比较,以生成UI更改集. 这使得它很容易与技术主管、设计师和产品经理进行审查. 可以把它想象成代码审查,但是是针对UI的.

📚文档

为您的组件维护文档化的、版本化的和可搜索的库. 彩色帮助队友发现您的工作,以重用. 参考色的图书馆在你当地的Storybook或网站上.

🚥持续集成

使用CI和版本控制自动化组件库. chromed包括三个PR检查:“Storybook publishing”、“UI测试”和“UI审查”。. 这可以帮助您评估正在进行的UI工作.

为什么使用Storybook?

Storybook 是一个用于独立开发UI组件和创建活的开源工具吗, 交互式组件的文档. Storybook使得再现难以达到的组件状态并确保在代码中记录这些状态变得轻而易举. 当您采用Storybook时,您还可以通过chrobook为UI组件和库解锁自动化.

新的Storybook? 请阅读十博体育备用网址的专业开发人员同行评审指南 Storybook.js.org/tutorials.


下一步:设置和发布

设置彩色出版您的Storybook. 不到2分钟.

阅读下一章

友情链接: 1 2 3 4 5 6 7 8 9 10