React學習系列之（1）簡單的demo（React腳手架）

1.什麼是React？

React是一個一個聲明式，高效且靈活的用於構建用戶界面的JavaScript庫。React 起源於 Facebook 的內部項目，用來架設 Instagram 的網站，並於 2013 年 5 月開源。

2.React有哪些特色？

• 1.聲明式設計 −React採用聲明範式，能夠輕鬆描述應用。

• 2.高效 −React經過對DOM的模擬，最大限度地減小與DOM的交互。

• 3.靈活 −React能夠與已知的庫或框架很好地配合。

• 4.JSX − JSX 是 JavaScript 語法的擴展。React 開發不必定使用 JSX ，但咱們建議使用它。

• 5.組件 − 經過 React 構建組件，使得代碼更加容易獲得複用，可以很好的應用在大項目的開發中。

• 6.單向響應的數據流 − React 實現了單向響應的數據流，從而減小了重複代碼，這也是它爲何比傳統數據綁定更簡單。

3.React的安裝

React腳手架安裝工具create-react-app

進入命令行終端（cmd），輸入（須要先安裝node）
npm install -g create-react-app

下步輸入命令行：

create-react-app （項目名） ps：項目名字要起英文名，避免windows搞事情！

以上命令行能夠用npm安裝也能夠用yarn進行安裝。

進行以上的命令能夠建立一個React項目，即該項目的文件目錄：

 

Node-modules： 公用的庫
Public： 頁面 ico
Src ：是咱們主要編寫本身項目代碼的文件目錄，寫頁面代碼，組件等等主要的代碼模塊都在改目錄下

package.json ：項目的配置文件，項目全部的配置的依賴，環境等信息均可在該文件進行查看並進行修改。

README.md : 項目的介紹文件，能夠編寫該項目的介紹以及做者信息等信息。

Src目錄下的文件：

index.js：整個程序的入口文件。

App.test.js：項目測試文件

App.js ：react入口文件，能夠說是根組件。