React.js: web開發者的14個工具和資源
自從非死book在2013年發布了庫之后，React.js正在快速被廣大開發者所接受。它現在已經成為了GitHub上被收藏次數排名第5的開源項目，越來越多的企業正在尋找React.js開發者。本文為廣大開發者介紹了14個工具和資源，助力web開發。
自從 非死book 在 2013 年發布了庫之后， React.js 正在快速被廣大開發者所接受。它現在已經成為了 GitHub 上被收藏次數排名第 5 的開源項目，越來越多的企業正在尋找 React.js 開發者。
React 有著更簡單易懂的架構，而且專注于性能優化，這使它代替了一些 MVC 框架，例如 Angular 和 Backbone 等。在未來幾年內， React 一定還會繼續發揮重要的作用。這篇文章中，我們總結了一些開發者工具，幫你更輕松的使用 React 。
非死book 為開發者提供了詳細的說明文檔。除了文檔之外，還有一個相信的指導說明，以及一個針對 React 開發者打造的線上論壇。而且這份文檔為開源項目，你甚至可以對它進行編輯。
React.js Github repo
在這個 repo 中，你可以查看 React 的源代碼。如果你想關注它最新的狀態，你也可以查看各種 issue 、里程碑以及最新的 pull request 。在遇到問題的時候，你還可以查看它的 Trouble Shooting Guide 。
Hello World starter code
如果你想快速的嘗試一下 React ，你可以使用 Codepen 上的這個 “ Hello World ” 互動式 demo 。
React Starter Kit
React Starter Kit 是一個使用了 Node.js 、 Express 、 GraphQL 、 React 和 Webpack 、 Babel 以及 Browsersync 等 web 開發工具打造的 web 應用模板。而且它還提供了和 非死book 一樣的全段堆棧。
ReactCSS
ReactCSS 讓你可以在 JavaScript 中添加 inline CSS 樣式。 ReactCSS 支持 React 、 Redux 、 React Nativeautoprefixing 、 hover 、 pseudo-element 和 media 請求。你可以使用 npm 對其進行快速安裝。
React JSFiddle integration (with and without JSX)
這是一個非常不錯的 React 線上練習工具。它被寄存在 JSFiddle 上，而且擁有兩個版本：一個帶有 JSX ，一個沒有 JSX ，你可以根據自己的喜好進行選擇。
React style guide generator
使用這個簡單的 React 樣式指導生成器，你可以為你的 React 項目快速生成樣式指導。你只需要給文件添加一些文檔，之后生成器就會自動完成剩下的事情。
Belle configurable React components
Belle 是一個 React 組件庫，它為你提供了大量 React 組件，例如按鈕、卡片等。這些組件支持桌面設備和移動設備，并且支持個性化。
除了 Belle 之外，你還可以找到其他一些 React 組件庫，例如 React widgets 或是 Elemental 。
React Storybook UI Development Environment
如果你不想使用其他人做的組件庫，你也可以自己做一個。你可以試試 React StoryBook ，這是 React 組件的 UI 開發環境。你可以使用它自己做互動式組件。
React-Bootstrap
React-Bootstrap 整合了 React 和流行的 Bootstrap 3 前端框架。這個工具的開發者使用 React.js 重建了 Bootstrap 的組件。這樣做的好處是減少了代碼的重復，提高了 diamante 性能。
但是需要注意的是，這個 repo 目前還在開發當中，因此未來其 API 還將會發生變化。
React Developer Tools for Chrome
React DevTools for Chrome 是以個 Chrome 開發工具，開發方為 非死book 。你可以用它來查看組件架構。你只需要在 Chrome 瀏覽器中添加這個擴展就可以使用了。你也可以在 Github 上查看它的源代碼。
React Developer Tools for Firefox
React Developer Tools 的 Firefox 版本。
React.js Package for Atom
使用這個工具，你可以讓 Atom 代碼編輯器也支持 React 。它包含代碼高亮、自動補全、代碼段、 HTML 向 JSX 轉化等功能，
React.js Fundamentals – free online course
網絡上有很多 React 課程， React.js Fundamentals 就是其中之一，而且完全免費。它共有 12 節課，幫你了解 React 的基本知識和一些重要的概念。
來自：http://developer.51cto.com/art/201702/530404.htm