关于故事书3你需要知道的.0

跟上新的React故事书的速度

加载
汤姆·科尔曼
@tmeasday

今天是故事书项目的一个重要里程碑: 版本3的发布.0. 这是围绕该项目形成的新的社区领导组织发布的第一个版本.

在这篇文章中,我将介绍你需要了解的内容,以快速了解故事书3.0. 这包括一点历史,什么3.0表示项目的走向.

什么是故事书?

故事书 是一个 组件的探险家,或“组件开发环境”. 这意味着它是一个可以让你构建应用程序的工具 一次一个部件. 其思想是,您可以定义组件的“故事”或状态,该工具允许您可视化并与其中的单个状态进行交互 隔离.

storiesOf(任务)
  .add('inbox task', () => (
    
  ));

十博体育备用网址在Chroma已经写了大量关于这种开发风格的好处的文章, 你可以在十博体育备用网址的博客上阅读更多, 但我只想说很多开发者, 包括Airbnb的前沿团队, Coursera和Slack正在使用故事书来提升前端开发水平.

故事书也被称为“React 故事书”,因为它与React和React Native组件一起工作. 然而,这种情况可能很快就会改变! (请参阅下面的未来部分).

故事书发生了什么变化?

在介绍中,我提到了这个新版本是故事书的一个重要里程碑,因为它标志着向社区维护模型的过渡.

这里的故事(双关语)是,故事书最初是由位于 Kadira, 这是一家斯里兰卡初创公司,以其同名应用监控工具而在流星社区中闻名. 卡迪拉是由多产和鼓舞人心的 Arunoda Sisiripala, 在早期认识到React和组件隔离的好处之后, 围绕该工具建立一个蓬勃发展的社区.

然而,由于个人和职业原因,Kadira在今年年初解散了. 随着核心维护者致力于其他项目,接下来是一段安静的时期.

与此同时,故事书也在世界各地的团队中得到推广. 没过多久,GitHub就出现了一个问题: “这个项目完蛋了吗??” 这引发了 flurry 有志愿者帮忙维修. 一个团队组成,由 诺伯特•德Langen迈克尔Shilman,优雅地 过渡到社区维护. (作为维护团队的一员,十博体育备用网址Chroma也很高兴能提供帮助!)

你可以阅读更多的历史 迈克尔’s 关于这个主题的帖子.

什么是社区维护?

在那之后的一两个月里,很多工作都集中在为未来社区主导的维护奠定基础上. 这包括:

这些变化应该为将来越来越多的社区参与扫清道路. 从使贡献和验证更改变得更容易, 报告并解决bug, 或者记录并推广项目, 十博体育备用网址吸取了其他社区开源项目的经验教训,并将其应用到故事书中.

那么第三个版本是什么?

版本3的发布首先是对上述成果的整合, 最明显的是从变化 @kadira npm名称空间 @storybook. 要安装故事书,您现在使用 @storybook / cli 包,该包安装 @storybook /反应 or @storybook / react-native 包. (该版本包括一个代码演示,可以轻松地迁移现有的项目).

不过这个版本确实有一些新功能, 主要迁移到Webpack 2, 这意味着故事书是最新的,最伟大的构建工具技术.

该版本还提供了对Create React Native App应用的更好支持,以及定制Storyshot测试的能力,以实现许多新的用例.

检查 发布职位 详情请参阅.

接下来会发生什么?

现在,所有这些组织变革都已经结束了,接下来是什么呢?

十博体育备用网址刚刚发布了一个 路线图 总结了十博体育备用网址正在考虑的很多变化, 但其中最主要的是对其他视图层的支持.

我对此非常兴奋! 故事书的架构设计从一开始就支持不同的渲染框架(因此同时支持React和React Native). 这需要大量的工作, 而是一个用于开发Angular的统一UI, VueJS和其他组件似乎是将所有社区的努力结合起来,提升所有前端开发人员体验的好方法.

我该怎么试呢?

如果你是第一次尝试故事书,只需:

NPM install -g @storybook / cli
cd my-react-or-react-native-project
getstorybook

事实上,如果您要将现有项目升级到版本3,上述命令也可以工作! (确保您安装了新的CLI, 同时你需要升级你的项目以使用Webpack 2).

试一试吧,并加入十博体育备用网址迅速发展的社区!

要了解更多关于故事书和组件驱动开发的文章,请登录十博体育备用网址的每周邮件列表.

这篇文章对你有帮助吗?

通过电子邮件向您发送免费的UI开发指南和教程.

4,410名开发人员,而且还在增加

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

加入故事书和colorless背后的团队. 构建被成千上万的开发人员在生产中使用的工具. Remote-first.

视图的工作

受欢迎的文章

介绍故事书

一个开源工具,用于为React、Vue、Angular等独立开发UI组件
加载
汤姆·科尔曼
通过彩色
为专业UI开发人员提供的深入指南和教程,来自故事书团队
指南
介绍故事书为开发人员设计系统视觉测试手册
关于
订阅
加入墨水通讯,以获得免费的教程,指南,和资源的电子邮件给你.
友情链接: 1 2 3 4 5 6 7 8 9 10