返回博客

Storybook:新的篇章

全职维护与爆发式增长

loading
Michael Shilman
@mshilman
最近更新

这是对Storybook 故事的后续,该文章记录了 Storybook 从初创项目到社区驱动项目的转变

Storybook 是构建和定制 UI 组件最流行的工具。它现在拥有超过 2.6 万个 GitHub 星星,每月 100 万次 npm 下载量,以及来自世界各地的数百名贡献者。

您很可能在不知情的情况下接触过用 Storybook 构建的 UI。Dropbox、Slack、Airbnb、Squarespace、Lyft、Coursera、Uber、IBM 和更多公司的团队都依赖 Storybook 来构建世界上访问量最高的应用程序。

在过去的一年里,我的搭档 Norbert 和我与一个敬业的核心团队一起在晚上和周末工作,将 Storybook 发展成为一个蓬勃发展的开源社区。因此,我们很高兴地宣布,我们正在全职从事 Storybook 的工作,作为 Chroma 团队 的一部分。这篇文章解释了这对 Storybook 项目未来的发展意味着什么。

发展 Storybook

去年,Storybook 成为一个社区主导的项目。从那时起,该项目在各个方面都取得了显著增长:使用量、核心团队规模、开发者社区和功能。Storybook 甚至在世界上最大的 React 会议 React Amsterdam 上赢得了 “对社区最具影响力的贡献” 奖。

通过 BestOfJS 2017 Rising Stars 统计的 Storybook GitHub 星星月度增长,以及版本发布情况。

一路走来,我们发布了无数功能,使组件开发、文档编写和测试更加愉快。我们还将支持扩展到几乎所有视图层,包括 React、React Native、VueAngularPolymer

但是,支持这种增长需要大量工作——从开发新功能到修复错误、编写文档、重构和发布工程。即使 Storybook 已经爆发式增长,我们对该项目的雄心壮志也远远超出了我们可用的空闲时间。

全力投入 Storybook

当 Chroma 的朋友们联系我们,邀请我们加入并全职从事 Storybook 工作时,我们毫不犹豫地抓住了这个机会。

自我们的第一个社区版本以来,我们一直与 Chroma 团队在 Storybook 的设计、开发、维护和推广方面进行合作。他们创建了 Learn Storybook,这是网络上最好的 Storybook 教程。他们还构建了 Chromatic,这是一个卓越的 UI 测试和持续审查服务,专为 Storybook 而设(我们自己也使用它来开发 Storybook)。

此外,他们是开源领域的老手,他们明白这个项目比一家公司要大得多。我们设立了一个 open collective,以收集来自各种来源的独立赞助,我们都致力于将 Storybook 用户的需求置于一切之上。

Storybook 的巨大采用率让我们清楚地了解了该项目的优势和劣势,以及如何将其改进为组件开发、文档编写、测试甚至协作的工具。我们看到了一个巨大的机会,可以将 UI 组件的最佳工具变得更好,我们很高兴全力以赴来实现这一目标。

Norbert 和我可以比以往任何时候都为 Storybook 做出更多贡献

谁在幕后支持 Storybook

Storybook 将继续作为一个 开放的开源 项目,欢迎和鼓励所有级别的参与!来自全球各地有超过 450 位贡献者。核心团队分布在不同的洲和公司

  • Norbert de Langen 🇳🇱 率先进行了我们的 monorepo 转换、视图层扩展、工具和下一代架构。
  • Michael Shilman 🇺🇸 建立了我们的发布流程、文档站点、核心包,并管理/记录了 Storybook 的 100 多个社区驱动的版本。
  • Filipp Riabchun 🇷🇺 来自 JetBrains,主动承担起管理问题、拉取请求和依赖项升级的工作。
  • Igor Davydkin 🇮🇱 来自 Sears Israel,创建了 Storybook 的关键改进,包括 Story Hierarchy、Storysource 插件,并维护 Storybook Angular。
  • Daniel Duan 🇺🇸 来自 Squarespace,对插件和基础设施进行了大量改进。
  • Tom Coleman 🇦🇺 来自 Chroma,升级了 React Native、Storyshots、story 和 addon API,并将他在 Apollo GraphQL 工作期间获得的 OSS 最佳实践带了过来。

重大新闻是 Norbert 和我可以比以往任何时候都为 Storybook 做出更多贡献。我们将继续推动事情向前发展,但会投入更多的时间和精力到这个项目中。我们还将能够着手解决平台中更基础的改进,这些改进作为兼职维护者来说太大了,难以着手。

是的,这意味着您的 PR 和功能请求将获得更多关注。 但这还不是全部。Storybook 还从 Chroma 的开源扩展技术中双重受益,Chroma 曾帮助启动了 Apollo GraphQLMeteor

未来的道路

Storybook 4.0。 4.0 里程碑版本包含 Marko/Mithril/HTML 视图层支持、关键库升级、移动视图、UI 主题以及参数化故事的新方法。该版本已在 alpha.14 中发布;请在您的项目中试用它来帮助我们。

制定路线图。 为了整合广泛的社区反馈并组织贡献,团队正在制定 Storybook 路线图。在未来几个月,您可以期待性能、故事 API、用户界面、文档和插件的升级。在 MediumTwitter 上关注我们,以获取最新动态。

参与进来

最后,我们对社区采取“多多益善”的态度,并希望您能参与进来。如果 Storybook 给您带来快乐并使您更有效率,请考虑帮助 Storybook 变得更好。

无论您是贡献新功能、修复错误(我们并非完美)还是改进文档,在这个规模的项目中都不乏工作。加入我们下面的邮件列表,或在 Slack 上与我们联系,在 Open Collective 上为我们提供经济支持,或者直接在 Github 上参与。

–来自 Storybook 团队的 ❤️。

还有一件事

我们在 The Practical Dev (dev.to) 的朋友们慷慨地举办了 Storybook AMA,“问我任何问题”活动,维护团队将参与。活动于 7 月 26 日星期四东部时间下午 2 点开始。请继续关注更多详情!

加入 Storybook 邮件列表

获取最新的新闻、更新和版本发布

6,730位开发者及更多

我们正在招聘!

加入 Storybook 和 Chromatic 背后的团队。构建被成千上万的开发者在生产环境中使用的工具。远程优先。

查看职位

热门文章

我为什么要全职从事 Storybook 工作

Storybook 光明而令人兴奋的未来
loading
Norbert de Langen

Storybook 4.0 发布!

支持新的构建工具和框架的重大更新
loading
Michael Shilman

Storybook 3.4 发布公告

Polymer、Image/Vue/Angular Storyshots、多层级结构等等!
loading
Michael Shilman
加入社区
6,730位开发者及更多
为什么为什么选择 Storybook组件驱动的 UI
文档指南教程更新日志遥测
社区插件参与进来博客
案例展示探索项目组件词汇表
开源软件
Storybook - Storybook 中文

特别感谢 Netlify CircleCI