ReactJS庫是用于構建web應用UI的最好的JavaScript庫之一。它是一個由Instagram和Facebook的開發者共同建設的開源庫。目前已經有多家知名企業和組織（比如Airbnb、可汗學院、BBC、Netflix等等）采用ReactJS來構建他們網站的UI。如果你正在學習如何用ReactJS來構建一個動態的用戶界面，那么筆者強烈推薦下面這幾篇教程來幫助你。

如果你是個剛接觸ReactJS的菜鳥，那么學習完這幾篇教程你就會踏上成為React大牛之路。建議大家結合這幾篇來看，特別是初學者。每篇教程的側重點不同，描述方式也不同，多看幾篇可以幫助新手快速理解。

ReactJS.net

這篇教程詳細地講解了如何在.net中使用React框架。這篇教程完整地講解了新建一個基于asp.net和MVC開發模式的web應用的全過程，并說明了應用ReactJS庫的方法。這篇教程旨在幫助開發者從一個簡單的工程開始一點點構建出一個完整的、功能完善的產品。

教程鏈接：

http://reactjs.net/

Learning ReactJS

這篇教程由Ken Wheeler編寫于Scotch.io，從去年發布開始至今已經在社區里被轉發200多次，吸引了很多經?；钴S在社區的開發者們的關注。該教程一共有5個部分。第一部分是基礎知識，講解了什么是React、虛擬DOM如何工作、如何設置頁面以及一些功能方法的作用等基礎概念。第二部分講解了一些進階的內容，包括Flux、分發器（dispatcher）、依賴控制器視圖(dependencies controller view)等等。第三、四、五部分分別帶領學習者利用ReactJS創建一個簡單的購物車、一個實時的Twitter流和一個簡單的移動應用。這篇教程絕對可以被稱為是ReactJS最棒的教程之一，大家不妨嘗試學習一下。

教程鏈接：

https://scotch.io/tutorials/learning-react-getting-started-and-concepts

The React Quickstart Guide

如果你需要快速瀏覽一下ReactJS庫的基礎知識，那么筆者推薦你學習一下這篇教程。這篇教程由Jack Callister寫于他的個人博客。正如之前所說，這篇教程沒有過多深入的介紹，而是注重于帶你快速入門。作者Callister從React元素、組件、JSX和虛擬DOM等基礎概念講起，并在解釋清楚這些基礎知識后講解了一系列UI構建相關的知識，包括渲染(rendering)、組件、屬性(Props)、狀態(state)和項目構成等等。另外這篇教程還有一個亮點就是提供了大量的實用工具、資源和信息的鏈接，非常適合初學者入門。

教程鏈接：

http://www.jackcallister.com/2015/01/05/the-react-quick-start-guide.html

React for Everyone

這篇教程正如其名所說，適合于任何一個ReactJS的學習者，不論是一個初學者還是一個進階使用者。這篇視頻博客以基礎簡介作為開篇，講解了一些基礎知識并闡釋了作者對React庫的一些理解。第二部分主要介紹了構建一個react組件以及狀態（state）的使用方法。這篇視頻教程很值得一看。

教程鏈接：

http://leveluptuts.com/tutorials/react-for-everyone

The React.js Way

這篇教程是一個由三部分構成的系列教程的第一部分，以入門講解為主，非常適合初學者。首先它講解了什么是React以及虛擬DOM的概念，之后說明了服務器上的渲染流程、組件驅動的開發過程和JSX語法基礎，并提供了一些實用鏈接。

教程鏈接：

https://blog.risingstack.com/the-react-way-getting-started-tutorial/

點擊閱讀原文，即可開啟學習之門～