2021react开发人员工具

Reactide

reactide 开发者工具

Reactide 是第一个为 React Web 应用程序开发量身定制的 IDE。它提供了超级方便的功能，例如热模块重新加载、简化的配置和组件可视化。我向所有 React 开发人员强烈推荐这个 IDE。

但是，如果您更喜欢其他东西，请选择<u>VSCode</u>，它通常是 JavaScript 开发的最佳 IDE。

create-react-app

创建 React 应用开发者工具

排名第二的是 Facebook 的 Create React App。这是 React 开发人员中非常流行的工具，在 GitHub 上拥有超过 88K 的星星！

基本上，Create React App 是任何新 React 项目的最佳起点。您可以使用单个命令设置您的 React 应用程序。不需要构建配置。您不必担心最佳项目结构或要包含哪些支持模块；create-react-app 将处理这一切！

因此，如果您正在计划一个新的 React 项目，请从这里开始。显然，该工具的功能比我描述的要多，我建议您去阅读文档，以免错过任何其他功能。

Bit

位反应开发者工具

Bit 是 GitHub 上的一个开源工具，拥有超过 13,000 颗星。这个工具是创建不同 React 组件然后共享它们的绝佳选择。Bit 允许您将 React 应用程序构建为独立组件的集合（构建可扩展的 React 应用程序的新概念）。

使用 Bit，您还可以访问他们的第三方商店，您可以在其中搜索和下载其他人创建的组件，并根据您的特定项目进行渲染。显然，这非常有用，因为您不必从头开始创建所有内容。

它强烈支持 React 和 React Native，具有创建组件、编写单元测试和添加文档的自动化步骤。它与 Microfrontends 完美配合，并处理应用程序之间代码共享的复杂性。

Storybook

故事书反应开发者应用工具

Storybook 是另一个开源工具，拥有超过 63K 的 GitHub 星。Storybook 允许您更快地创建和编写 UI 组件和页面。可视化组件的编码是代码和网页之间不断的来回。

Storybook 使用他们的 UI 编辑器使这个过程更加顺畅（和容易）。在开发每个可视化组件时，您可以检查它并与之交互——以获得更高的生产力和总体上更好的流程。

Storybook 包括一个沙箱，用于单独开发 UI、模拟难以访问的用例、将用例记录为故事以及自动化测试。

我推荐使用 Storybook 的另一个原因是它也兼容 Vue.js 和 Angular。这意味着您可以在多个项目中使用此工具。

Rekit

rekit-studio

Rekit 是一个一体化解决方案工具包，用于使用 React、Redux 和 React-router 创建现代、可扩展的 Web 应用程序。

Rekit 允许您专注于业务逻辑，而不是处理大型库、模式、配置等。Rekit 现在创建由 create-react-app 引导的应用程序。

使用 Rekit，您还可以访问一些不错的项目管理工具，例如 Rekit Studio，它将为您提供所有组件、页面和 reducer 的良好概览。将此工具与 Create React App 配对！

React Developer Tools

反应开发者工具

React Developer Tools 是 Chrome、Firefox 或 Edge (Chromium) 开发者工具扩展，它允许您检查 React 组件层次结构。您将能够看到在屏幕上呈现的组件列表以及那里的任何子组件。

它仍然是开发人员调试 React 应用程序最流行和最有用的方式，因为他们可以彻底检查每个组件，并通过一些测试，轻松确定问题所在。您还可以衡量您的应用程序的性能，看看一切是否运行顺利。

除了这些工具，您还可以使用<u>React Proto</u>、<u>React Cosmos</u>、<u>React Styleguidist</u>和<u>Evergreen 等工具</u>，使开发和测试过程更轻松、更有条理。