文章翻译自：https://blog.bitsrc.io/5-tools-for-faster-development-in-react-676f134050f2

译者注：

这篇文章中，除了 React devTools 和 Redux devTools，其余的工具我之前都没接触过，看过原文后觉得收获很大，所以将它翻译出来，希望可以传播给更多的人。

React devTools 和 Redux devTools 这两个应该大多数人都知道，并且经常在开发中使用，还未使用过的话那本文可以作为你的入坑指南😜

如果你正在开发业务组件，那这篇文章可以给你不少帮助：StoryBook 可以帮助你提高不少效率；Bit 可以作为团队中业务组件共享的另一种方案。

说起开发react应用的脚手架，你肯定会想起create-react-app，看完文章的第五点，你会发现原来开发react应用的脚手架不只有 create-react-app，还有几个可能更适合你目前的开发需求。

React非常适合快速开发具有漂亮交互式UI的应用程序。React组件是创建隔离和可重用构建块的好方法，可以用于开发不同应用程序。

一些最佳实践有助于开发更好的应用程序，但正确的工具可以使开发过程更快。以下是5（+）个有用的工具，可以加快组件和应用程序的开发效率。

1. Bit

Bit是一个开源平台，用于使用组件构建应用程序。使用Bit，您可以组织来自不同应用程序和项目的组件（无需任何重构），并使其可以在构建新功能和应用程序时被发现，使用，开发和协作。

这里有一段介绍 Bit 的视频

Bit共享的组件可用NPM / Yarn自动安装，或与Bit本身一起使用。后者使您能够同时开发来自不同项目的组件，并轻松更新（和合并）它们之间的更改。

为了使组件更容易被发现，Bit为组件提供了可视化渲染，测试结果（Bit运行组件单元测试）和从源代码本身解析的文档。

使用Bit，您可以更快地开发多个应用程序，在团队协作时将您的组件用作新功能和项目的构建块。

译者注：

我刚看完这一点的时候并没有感受到 Bit 的优势，觉得使用 npm 包来共享组件已经是一种很好的方案😂，后来再去官网上了解了下发现 Bit 的最大优势应该是以下几点（有什么错误欢迎大家指正）：

使用 npm 包来共享组件的方案需要您新开一个仓库来写组件并发布 npm 包，而 Bit 可以让您不新开一个仓库就可以从任何现有项目的仓库中无缝隔离组件，并共享它们，在其他项目中您可以使用 Bit 来导入您所需的组件并进行开发和同步。

Bit 的官网提供了可以做交互式预览的playground，您可以在线实时修改代码看到组件的变化，进而判断这个组件是不是符合您的使用预期。

然而，目前 Bit 在 GitHub 上的star数量才3k+，大家可以作为一个辅助工具稍作了解