原文作者：medium.com/@mit.mit
发布时间：2020年8月8日 - 3分钟阅读
Storybook是一个开源工具，用于开发React、Vue、Angular等UI组件。Storybook for Native是一个新的项目，它将Storybook带到了原生移动开发社区!
等等，但是为什么？
Storybook是这个星球上最受欢迎的组件工坊，在Github上有超过5.1万颗星，每月npm下载量超过7M。
Storybook之所以受欢迎，是因为它让构建用户界面变得有条不紊、高效。开发人员可以孤立地构建组件。这样做可以实现更好的测试、文档，甚至是协作。对于大型组织来说，Storybook通过将所有的组件整合在一起，解决了可发现性这个关键问题。
当网络社区乐此不疲地利用所有这些好处时，移动社区呢？作为一个在网络上使用Storybook的移动开发者，我当然希望我们也能这样做。有一个单一的地方可以同时容纳web和移动组件，这将是非常有价值的。最近关于Storybook Composition的公告可以在这里找到。
多平台故事书使用构成
好吧，但是怎么做呢？
Storybook是为网络优化的，而移动组件通常是为原生平台编写的，所以让这两个世界一起工作似乎是一个巨大的挑战。 幸运的是，appetize.io的人们已经解决了这个问题的一大半，他们允许我们在浏览器中运行原生移动应用程序。🤯
Appetize通常用于原生应用的分享、测试和获得反馈。但如果我们能将Appetize与Storybook整合起来，在同一个空间里实现原生移动组件的共享呢。 事实证明，我们可以 🎉
介绍原生开发上的Storybook
在下面的原型中，我们将Appetize嵌入到Storybook中，并可以通过Storybook的标准UI与本地组件进行交互。
原生故事书iOS和Android版
我们甚至可以利用Storybook的addon生态系统。例如，这里我们使用Knobs来更新Appetize中的设备参数。
原生故事书iOS和安卓版带旋钮。
酷，下一步是什么？
这个概念验证表明，无缝连接Storybook和Appetize，将孤立的开发带入本地移动组件是可能的。
我们正在与Storybook团队合作，进行更强大的整合，包括本地友好的开发者体验、完整的文档和官方公开发布。
感谢Michael Shilman、Saradhi Sreegiriraju和Deepa Soundararajan对文章的评论。
感谢Adam Dierkens、Jayakrishnan、Jin Sun Lee、Tom Baker、Jothimani Kanthan。
Raj Vasikarla，Intuit Inc.工程负责人。
通过( www.DeepL.com/Translator )（免费版）翻译
