你应该把故事书部署到Netlify上吗?

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

考虑在Netlify或其他平台上部署故事书 网站托管服务?

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

这篇文章给你一个概述的彩色和Netlify. 这是基于十博体育备用网址自己作为故事书维护者和Netlify用户的经验(十博体育备用网址是快乐的用户, 但为了其他目的). 下面比较功能、工作流和价格.

部署故事书进行评审

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

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

但收集反馈并获得批准可能会很困难. 团队成员引用过时的工件并获取交互式UI的静态屏幕截图. 您会在任务管理器和聊天中被无休止的更改请求轰炸. 这是一片混乱.

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

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

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


网站vs组件库

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

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

为网站托管设计的流行服务并没有针对UI组件进行优化. Netlify在自动部署预览和一般网站基础设施方面非常出色,但缺乏UI组件的工作流. 十博体育备用网址的前端团队喜欢Netlify的静态营销网站等项目.

出版故事书到彩色

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

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

在真实故事旁边发表评论


与CI和Git的集成

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

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

半音给你公关支票


专为前端团队设计

发布ui需要一个团队. 开发人员、设计师和产品经理必须通力合作,创造吸引人的体验. 但是平衡每个人的意见是很棘手的.

有很多通用的协作工具(Slack), 变焦, 和任务管理(Jira, 体式, GitHub问题). 但是没有人关注前端开发人员的需求. 比起构建新功能,花更多时间管理团队反馈很容易.

彩色是为UI开发团队准备的. 每个人都可以通过一个共享的在线工作空间来参与UI评审过程. 留下评论,指派审查员,并跟踪执行进度. 每个活动都存在于一个地方,因此开发人员确切地知道还剩下哪些任务需要发布ui. 当您准备好合并时,这个过程是无痛的.

指派涉众审查UI


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

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

像Netlify这样以网站为中心的部署十博体育备用网址不能解决这个问题. 他们专注于为web应用构建令人惊叹的基础设施. 十博体育备用网址自己的团队喜欢使用Netlify来部署静态站点. 但他们的工作不是跟踪组件历史、UI更改或相互依赖.

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

组件库屏幕在彩色


服务比较

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

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

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

而且chromed是免费的,所以你自己尝试一下是没有风险的.

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


准备尝试彩色?

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

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