您是否应该将故事书部署到Vercel?

彩色是故事书维护者部署故事书的一种安全方式.

考虑将故事书部署到Vercel或其他 网站托管服务?

找出部署故事书的最佳实践非常耗时. 十博体育备用网址研究了故事书社区的技术,让您更容易做出决定.

这篇文章给你一个关于色和维塞尔的概述. 这是基于十博体育备用网址自己作为故事书维护者和Vercel用户的经验(十博体育备用网址是Now和Next的满意用户.Js,但出于不同的目的). 下面比较功能、工作流和价格.

部署故事书进行评审

为什么团队要部署故事书?

专业前端团队由不同学科的不同技能组合组成. 你有设计师, 产品经理, 测试人员, 和开发人员一起工作以交付产品ui.

但是,要得到每个人的反馈和认可是很困难的. 每个人使用不同的工具. 同事们参考过时的工件并获取交互式UI的静态屏幕截图. 你会收到无数的变更请求. 它是混乱的.

开发人员部署故事书以确保团队成员引用相同的UI实现和版本. 这避免了耗时的误解.

更重要的是, 团队成员可以对交互UI进行反馈, 不碰代码, 维护本地开发环境, 或者等待暂存环境释放. 这意味着你能够尽早且经常地获得更准确的反馈.

“部署故事书使每个PR更容易进行视觉审查,并帮助产品所有者从组件中思考.——诺贝特·德·兰根,故事书指导委员会


网站vs组件库

大多数部署服务专门用于托管网站和资产. 它们非常适合应用程序、营销页面和博客. 但当您使用故事书时,您实际上是在构建不同的东西:UI组件.

部署网站的用例不同于部署组件库. 在网站上,团队审查“整个”用户体验. 而对于组件库,团队可以更详细地检查离散的UI组件. 在组件级别进行评审可以提高反馈的精度. 这反过来又能防止由于沟通错误而浪费时间.

为网站托管设计的流行服务并没有针对UI组件进行优化. Vercel非常适合于自动部署预览和一般的网站基础设施, 但缺乏针对UI组件的工作流. 十博体育备用网址的开发者使用Vercel通过他们的全球CDN服务静态站点.

出版故事书到彩色

十博体育备用网址创建了chrombook来部署和管理组件库以及设计系统. 它将您的故事书部署到云中的安全工作区. 然后提取、索引和版本每个组件. 使用这个组件索引,您可以获得基于ci的工作流,用于收集团队反馈和UI测试.

彩色显示你的分支/提交之间的相关UI变化. 您的团队可以在十博体育备用网址的网络应用程序中评论和分配评论者. 这一切都发生在一个共享的工作区中,因此您可以确定每个人都在同一个页面上.

在真实故事旁边发表评论


与CI和Git的集成

彩色集成到你的CI管道和Git工具中. 每当你推送代码,彩色部署故事书到一个安全的CDN. 它向CI工具报告状态,这样您就可以安排更多的自动化操作,还可以在Git工具中添加一个PR徽章.

利益相关者可以得到一个方便的到chromium web应用的URL,在那里他们可以查看最新的UI实现. 不需要提取代码,不需要处理依赖关系,也不需要管理本地环境.

半音给你公关支票


帮助您的团队找到并重用您的组件

大型组件库经常遇到扩展的挑战. 例如,复制、可搜索性和文档... 或缺乏. 这时就会出现这样的问题:“这个在哪里用过??,“这个是否已经存在。?以及“它过去是什么样子的??”

像Vercel这样以网站为中心的部署十博体育备用网址不能解决这个问题. 他们专注于建立一个令人惊叹的全球CDN服务 网络应用程序. 十博体育备用网址自己的团队使用Vercel来达到这个目的. 但是,Now不能帮助您理解组件历史、UI更改或相互依赖.

color从故事书中提取组件,并生成一个可搜索的UI库,它可以跨分支和提交跟踪组件. 这允许您的团队查看组件如何随时间发展,并浏览现有工作以进行重用.

组件库屏幕在彩色


并排比较

Vercel和chroms都可以部署你的故事书. 但是哪种部署方法对于UI组件和设计系统是理想的? 这里有一个快速的比较.

彩色(由故事书维护者编写)Vercel
为故事书✅是的No
评论的故事✅是的No
分配审稿人✅是的No
组件历史和版本✅是的No
访问控制同步✅是的这取决于
集成✅来自故事书核心维护人员的频繁更新你保持
CDN✅是的是的
在提交时发布故事书✅是的是的
Git工作流支持✅是的是的
价格✅永远免费是的

彩色 对于大多数人来说是最好的故事书部署服务,因为它是为故事书工作流专门构建的吗. 除了安全的CDN部署, chromic包含一套自动协作工具,可以帮助开发人员更快地发布ui. 与故事书的无缝集成, 持续集成服务, 和Git意味着您将花费更少的时间在操作上.

半音是免费的,所以一开始就没有风险.

“部署到半色是很容易的. 用开箱即用的测试和协作工具托管组件.——michael Shilman, 故事书的核心维护者


准备尝试彩色?

如果你用故事书来构建产品ui,那么chromintis就很适合你. 安装插件并在几分钟内部署您的故事书到一个安全的工作空间. 免费的部署. 无需信用卡. 现在报名.

©十博体育网站
由故事书维护人员制作
友情链接: 1 2 3 4 5 6 7 8 9 10