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

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

ReactJS.net

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

教程鏈接：

http://reactjs.net/

Learning ReactJS

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

教程鏈接：

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

The React Quickstart Guide

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

教程鏈接：

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

React for Everyone

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

教程鏈接：

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

The React.js Way

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

教程鏈接：

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

點(diǎn)擊閱讀原文，即可開(kāi)啟學(xué)習(xí)之門(mén)～