React簡介

React技術依賴於一個很龐大的技術棧：

1. 轉譯js代碼須要使用Babel

2. 模塊打包工具使用Webpack

3. 定製build過程須要grunt或者gulp

這些技術棧都須要各自的配置文件，尚未開始寫一行React代碼，開發人員就已經被各類名詞概念淹沒了。針對這種狀況，React的建立者Facebook提供了一個快速開發React應用的工具create-react-app，這個工具的目的是將開發人員從配置工做中解脫出來，無需過早關注這些技術棧細節，經過建立一個已經完成基本配置的應用，讓開發者快速開始React應用的開發。

create-react-app是一個經過npm發佈的安裝包：

npm install --global create-react-app

安裝完成後，你的電腦中就會有create-react-app這樣一個可執行命令。

咱們在命令行中執行：

create-react-app first_react_app

這個命令會在當前目錄下建立一個名爲first_react_app的目錄，在這個目錄中會自動添加一個應用的框架，隨後咱們只須要在這個框架的基礎上修改文件就能夠開發React應用，避免了大量的手工配置工做。

在create-react-app命令一大段文字輸出以後，根據提示，輸入下面的命令：

cd create-react-app
npm start

這個命令會啓動一個開發模式的服務器，同時也會讓你的瀏覽器自動打開一個網頁，指向本機地址http://localhost:3000

React的首要思想是經過組件來開發應用。所謂組件，指的是能完成某個特定功能的獨立的、可重用的代碼。