让我们讨论一些很棒的工具，这些工具可以使React开发人员提高生产力并提高他们的工作质量。
通常，当我开始一个新项目时，我将自己的模板用于添加到此列表中的工具。我还使用其他工具（例如Material UI）。我研究了它们，并在它们的帮助下创建了几个应用程序，并实施了两个小项目，之后我决定共享结果。
因此，让我们看一下最终列表。
ESLint
对于包括React粉丝在内的所有JavaScript开发人员而言，ESLint都有很多更改。该服务提供了智能算法，可以快速分析代码，查找可能的错误。
另外，它允许您自动修复发现的问题而无需更改语法。
要开始，我会建议使用的配置被建议在制作的Airbnb开发商。它包含：
- 对React库的内置支持（例如，对使用钩子的规则的支持）。
- 专注于最佳做法。
ESLint是任何项目的必备工具，而Airbnb的配置是我的最爱之一。我向其中添加了一些内容，但初始配置还剩下90％。
位
Bit提供了React开发人员需要的东西作为协作平台。它允许团队在单个组件上一起工作。
它是一个命令行实用程序，可让您编写可重用的代码。Bit是完全开源的，这是其受欢迎的原因之一。
大多数功能与原子组件的创建有关，因此可以轻松地与其他开发人员共享它们。此外，还可以检查组件的依赖关系，并与主项目分开测试它们。
创建React应用
作为React开发人员，您非常清楚开始一个新项目需要多长时间。为了节省时间，Facebook开发人员建议使用Create React App。
这是一个初始的“构建器”，它使您可以专注于开发而不是定制React。您所需要做的就是运行npx create-react-app my-app命令。然后，您将为该项目拥有一个完全配置的应用程序。
如果您同时作为多个客户的React自由职业者，Create React App将大大提高您的效率。
反应宇宙
React Cosmos是一个开发人员环境，旨在创建可扩展的高质量用户界面。
该服务使轻松进行单个接口组件的原型设计和测试成为可能。此外，您可以对其进行迭代而不必担心破坏您的代码。通过隔离组件，可以简化调试过程。
React Cosmos最适合用于企业级应用程序。将项目划分为多个可重用的小组件，就可以编写易于维护的高质量代码。
反应工具箱
在本文开头，我提到大多数项目都使用Material UI。原因是：我喜欢Material Design，而Material UI完全适合我。
但是也有其他选择。其中之一是React Toolbox。这是使用Material Design开发的常用组件的集合。它使用CSS模块来提高灵活性。
在撰写本文时，React Toolbox包含28个组件。其中一些是应用程序抽屉，日期选择器，切换器和小吃店。
React Bootstrap
移动友好型网站是现代标准。用户希望您的网站在任何设备上都能正常运行。具有响应式设计的网站甚至使搜索引擎脱颖而出。
许多开发人员使用Bootstrap创建具有专业设计的响应式，可扩展网站。问题是，Bootstrap附带了未与React集成的本机组件。
解决方案是开源的React Bootstrap软件包。它的所有Bootstrap组件均已针对React开发人员进行了专门修改。
反应弹弓
是否想加快您的React应用开发？尝试评估React Slingshot。它是结合了React，Redux和Babel的模板。
Slingshot最重要的功能是它的快速反馈，这使其与其他工具不同。每次更新应用程序时，此功能都会自动执行起毛，单元测试和热重装过程。这样，您可以专注于业务逻辑而不是多余的任务。
反应物
他们说开发人员和编辑人员一样出色。也许这并非完全正确，但是编辑器对我们的工作非常有帮助。我个人是JetBrains和WebStorm的忠实拥护者。我的选择是IDE，但我会不时尝试其他选择。
例如，我发现Reactide是React的IDE。我对这一发现感到非常惊讶，并尝试了该工具。
事实证明，它具有有趣的功能。例如，您可以直接在IDE中呈现项目的组件。还有一个内置的Node.js服务器，该服务器与浏览器模拟器集成在一起。
一个有趣的工具，尽管我认为我不会完全切换到它。但这对于那些正在使用React或正在学习React并且甚至在配置阶段也不希望遇到问题的人来说是一个不错的选择。
反应测试库
“先测试！” -我不断重复。
换句话说，拥有一套测试工具很重要。React Testing库是一个小型库。它使您可以轻松测试React代码。该库易于使用，并向标准库（如react-dom和react-dom / test-utils）添加了功能。
出色的文档以及一些出色的示例将帮助您快速入门和运行。
故事书
故事书提供了一个交互式开发环境，您可以在其中创建新组件，对其进行测试或从库中选择现有组件。
故事书足够灵活，可以与任何主要的JavaScript框架一起使用。例如React，Vue.js，Angular，Svelte，Marko甚至是原始HTML。
关于Storybook的最好的事情是，它带有各种附加组件。这是我发现有趣的一些补充：
- google-analytics（添加了对组件的Google Analytics（分析）支持）；
- 开玩笑;
- Storyshots（使用快照检查组件）；
- 视口（更改响应组件的标记）
希望您会喜欢此列表。如果您使用文本中未提及的其他出色工具，请在评论中写下有关这些工具的信息！