引入故事书循环

免费的云协作工具,用于UI组件和库

加载
多米尼克阮
@domyen

TLDR: 十博体育备用网址推出Storybook Loop, 这是Storybook的免费云应用,可以帮助你在UI组件上进行协作. 当你推送代码时,自动将组件同步到云, QA外观和感觉, 链接到正在进行的工作, 和你的团队讨论改变. 由Storybook维护人员制作.

更新
2020年2月: 🚢 十博体育备用网址现在在 β
2020年2月: 🙋‍♀️分配审稿人 获得反馈
2019年12月: 💌 得到 邮件通知 对视觉检查.
2019年11月:💬 面向前端团队的可视化评审工作流 
2019年7月: 🎨 新网站!

在下面注册Early Access


需要一个团队来创建健壮的ui. 你可能会问设计师:“这件看起来合适吗??或者QA人员:“你能破解这个吗??“走到队友的办公桌前仍然是审查UI的最简单方式.

但持续的面对面合作是不现实的. 大多数团队最终通过Slack、GitHub或Asana等工具在线协作. 在现实中,在线协作是混乱的,因此团队最终会得到大量杂乱无章的反馈.

如果你像我一样以开发应用为生, 您可能还注意到,随着团队的成长,交流陷入了困境. 更多的合作者意味着更多的意见需要追踪. 频繁发布和功能齐全的UI的趋势使得十博体育备用网址比以往任何时候都更难以领先于UI反馈.

沟通不周会浪费工作

UI开发中的沟通不畅会导致在最后一分钟进行令人沮丧的更改,从而减慢开发人员的速度,并导致恼人的反复.

有很多沟通方式,但没有一种适合UI开发. 人们用细枝末节污染志拉或体位. 滥用松弛渠道. 粘贴截图和gif到拉请求. 或者更糟,引用错误的过时工件.

因为UI开发人员的通信工具还不存在

尽管每个人都认识到定期反馈对现代UI开发工作流至关重要,但管理它仍然需要花费太多精力. 协作应该是UI开发中无缝的一部分,在需要的时候可以提供精确的反馈.

与您的团队协作进行UI开发

想象一下,如果在线合作和面对面合作一样自然的话. 如果你可以在推送代码的同时分享和获得UI组件的反馈,那会怎么样呢?

💎考虑以下工作流:

  1. 构建 UI组件照常
  2. Github的代码
  3. 指数 用户界面组件自动在线共享真相的来源
  4. 得到反馈 通过点击一个公关徽章或分享一个链接

如果UI组件在每次提交时都立即在线同步,那么您的团队成员就可以审查UI 没有 触摸代码、/node_modules或命令行.

会话与组件共存. 和操作项锚定到精确的提交. 最后,您可以在一个方便的地方遵循UI决策.

这意味着团队在QA或生产之前就在UI开发过程中进行故障排除. 这样可以节省时间,效率也会更高.

在下面注册Early Access

使用循环将组件转换为会话

协作不应该比UI工程更难. Storybook Loop使其变得更加自然,它在每次提交时都为云中的组件建立索引,并提供一个供讨论的共享工作区.

这有助于您与其他开发人员分享进展,以获得技术反馈, 视觉审查设计师, 压力测试的QA, 和领导签署. 收集反馈的繁重工作现在又快又容易.

Loop是Storybook的一个云应用程序. 安装一个插件,以获得故事同步和版本在Loop的安全云. 它可以与React、Vue、Angular以及Storybook支持的所有框架一起工作.

省时的特点

  • 💬合作: 对组件的故事进行注释,以排除故障并改进实现
  • 📚组织: 验证任何组件的外观、感觉和跨分支和提交的标记. 看看它们是如何随时间变化的.
  • 🔄集成: 与流行的CI和git工具的无缝集成意味着Loop很适合你现有的工作流. 每次你推送,十博体育备用网址都会方便地标记你的pull请求.
  • 🔑 访问: 同步权限与GitHub, Bitbucket,或GitLab用户管理和访问控制.

提前注册Loop

Storybook Loop目前正在开发中. 十博体育备用网址将在几周后开放Early Access. 通过填写下面的表单,成为第一个使用循环的人.


常见问题

如果我已经将Storybook与S3/Netlify/Now/Surge一起部署了呢?
好消息是你不用再这么做了. 循环自动部署您的故事,然后分层协作, 组件版本控制, 用户管理, 以及为专业开发者提供的其他节省工作的功能. 再加上它是免费的.

你们将来会对Loop收费吗?
在这篇文章中列出的内容将永远是免费的. 未来十博体育备用网址可能会为成熟公司引入付费功能. 此外,十博体育备用网址的付费UI测试工具 彩色 是Loop的自然补充.

谁使循环?
Chroma是Storybook的核心维护者和创建者 彩色,是Storybook的连续UI测试工具. 以前, 十博体育备用网址的团队帮助数以万计的开发者构建他们的应用,作为核心工程师的广泛喜爱 阿波罗 GraphQL和流行的JavaScript框架 流星.

这篇文章对你有帮助吗?

获得免费的UI开发指南和教程,就像这个电子邮件给你.

4402个开发者,还在增加

十博体育备用网址正在招聘!

加入故事书和彩色的团队. 构建成千上万开发人员在生产环境中使用的工具. Remote-first.

视图的工作

受欢迎的文章

响应式UI组件测试

测试多个视图并设置捕获延迟
加载
多米尼克阮
通过彩色
面向专业UI开发人员的深入指南和教程,来自Storybook团队
指南
介绍故事书为开发人员设计系统视觉测试手册
关于
订阅
加入墨水时事通讯,以获得免费的教程、指南和通过电子邮件发送给您的资源.
友情链接: 1 2 3 4 5 6 7 8 9 10