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

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

ReactJS.net

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

教程鏈接：

http://reactjs.net/

Learning ReactJS

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

教程鏈接：

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

The React Quickstart Guide

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

教程鏈接：

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

React for Everyone

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

教程鏈接：

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

The React.js Way

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

教程鏈接：

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

點擊閱讀原文，即可開啟學(xué)習(xí)之門～