你可能想与 React 一起使用的 9 个工具

创建 React 应用

有时我们不需要使用它，但通常来说，这是一个创建 ReactJS 项目的非常好的工具。https

://facebook.github.io/create-react-app/docs/getting-started

并且可以轻松添加打字稿，非常棒!!!
https://facebook.github.io/create-react-app/docs/adding-typescript

React 开发者工具

就这个 Chrome 扩展而言，不是，may want to use但是really need to use哈哈。

https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en

Redux 开发者工具

这也是使用redux时必须使用的。

https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd?hl=en

React Studio

在我看来，这就像 React.js 的 Bootstrap Studio。React
Studio 允许你以可视化或代码的方式创建组件，然后在你的设计中灵活使用它们。

https://reactstudio.com/

故事书

Storybook 是一款开源工具，用于独立开发 React、Vue 和 Angular 的 UI 组件。它能够高效有序地构建令人惊叹的 UI。https
://storybook.js.org/

可能大多数人都会用这个。Storybook 可以加快我们的开发速度。

少量

Bit 可帮助您的团队共享组件并协作，从而更快地共同构建。快来尝试一下吧！
https://bit.dev/

我还没用过，不过看起来真的很棒，很实用。我很快就会试试。

React-cosmos

Cosmos 扫描您的项目以查找组件并使您能够：

1. 在任意 props、context 和 state 组合下渲染组件
2. 模拟每个外部依赖项（例如 API 响应、localStorage 等）
3. 与正在运行的实例交互时实时查看应用程序状态的变化

https://github.com/react-cosmos/react-cosmos

听起来难以置信。

反应

Reactide 是第一个用于 React Web 应用程序开发的专用 IDE。

http://reactide.io/

侧视

SideView 是一款桌面应用程序，可让您独立运行组件

https://sideview.app/

收到了创作者 Hampus Ahlgren 的留言。还没试过（非常抱歉）。