React.js: web 开发者的 14 个工具和资源自从 Facebook 在 2013 年发布了库之后，React

摘要：自从Facebook在2013年发布了库之后，React.js正在快速被广大开发者所接受。它现在已经成为了GitHub上被收藏次数排名第5的开源项目，越来越多的企业正在寻找React.js开发者。本文为广大开发者介绍了14个工具和资源，助力web开发。

自从Facebook 在2013 年发布了库之后，React.js 正在快速被广大开发者所接受。它现在已经成为了GitHub 上被收藏次数排名第5 的开源项目，越来越多的企业正在寻找React.js 开发者。

React 有着更简单易懂的架构，而且专注于性能优化，这使它代替了一些MVC 框架，例如Angular 和Backbone 等。在未来几年内，React 一定还会继续发挥重要的作用。这篇文章中，我们总结了一些开发者工具，帮你更轻松的使用React 。

Facebook 为开发者提供了详细的说明文档。除了文档之外，还有一个相信的指导说明，以及一个针对React 开发者打造的线上论坛。而且这份文档为开源项目，你甚至可以对它进行编辑。

在这个repo 中，你可以查看React 的源代码。如果你想关注它最新的状态，你也可以查看各种issue 、里程碑以及最新的pull request 。在遇到问题的时候，你还可以查看它的Trouble Shooting Guide 。

如果你想快速的尝试一下React ，你可以使用Codepen 上的这个“Hello World” 互动式demo 。

React Starter Kit 是一个使用了Node.js 、Express 、GraphQL 、React 和Webpack 、Babel 以及Browsersync 等web 开发工具打造的web 应用模板。而且它还提供了和Facebook 一样的全段堆栈。

ReactCSS 让你可以在JavaScript 中添加inline CSS 样式。ReactCSS 支持React 、Redux 、React Nativeautoprefixing 、hover 、pseudo-element 和media 请求。你可以使用npm 对其进行快速安装。

这是一个非常不错的React 线上练习工具。它被寄存在JSFiddle 上，而且拥有两个版本：一个带有JSX ，一个没有JSX ，你可以根据自己的喜好进行选择。

使用这个简单的React 样式指导生成器，你可以为你的React 项目快速生成样式指导。你只需要给文件添加一些文档，之后生成器就会自动完成剩下的事情。

Belle 是一个React 组件库，它为你提供了大量React 组件，例如按钮、卡片等。这些组件支持桌面设备和移动设备，并且支持个性化。

除了Belle 之外，你还可以找到其他一些React 组件库，例如 React widgets 或是Elemental 。

如果你不想使用其他人做的组件库，你也可以自己做一个。你可以试试 React StoryBook ，这是React 组件的UI 开发环境。你可以使用它自己做互动式组件。

React-Bootstrap 整合了React 和流行的 Bootstrap 3 前端框架。这个工具的开发者使用React.js 重建了Bootstrap 的组件。这样做的好处是减少了代码的重复，提高了diamante 性能。

但是需要注意的是，这个repo 目前还在开发当中，因此未来其API 还将会发生变化。

React DevTools for Chrome 是以个Chrome 开发工具，开发方为Facebook 。你可以用它来查看组件架构。你只需要在Chrome 浏览器中添加这个扩展就可以使用了。你也可以在Github 上查看它的源代码。

React Developer Tools 的Firefox 版本。

使用这个工具，你可以让Atom 代码编辑器也支持React 。它包含代码高亮、自动补全、代码段、HTML 向JSX 转化等功能，

React.js Fundamentals – free online course

网络上有很多React 课程，React.js Fundamentals 就是其中之一，而且完全免费。它共有12 节课，帮你了解React 的基本知识和一些重要的概念。

小程序.jpg

原    文：React.js: 14 Tools & Resources for Web Developers
译    文：SDK.cn
作    者：鲁行云（编译）