React.js + Dva初探

React.js

React官網：https://react.docschina.org/

ES6學習：http://es6.ruanyifeng.com/

Ant Design螞蟻家架構: https//ant.design/index-cn

Redux狀态管理器: https://www.redux.org.cn

Dva腳手架: https://github.com/dvajs/dva

開發環境

1.Node http://nodejs.cn/ 。

2.npm node安裝包都帶的包管理工具 預設安裝。

3.yarn https://yarn.bootcss.com/ 也是包管理工具。

這是官網對Yarn的介紹 ：

Yarn 緩存了每個下載下傳過的包，是以再次使用時無需重複下載下傳。 同時利用并行下載下傳以最大化資源使用率，是以安裝速度更快。

4.IDE看自己喜好，我這裡使用的是VSCode。

建構工程

略過複雜的項目搭建，這裡我直接使用腳手架進行項目建立，使用的是create-react-app。

還有如Dva這種提前封裝好了router，redux等功能。

create-react-app 中隻包含了基礎的子產品 react、react-dom、react-scripts目錄結構簡單有助于初學了解使用方法。

npm install -g create-react-app 
cd 到你的目錄
create-react-app my-app
           

建立了名為 my-app React的工程

成功建立後

cd my-app
    yarn start
           

通過上面的指令 就可以将項目運作起來了，浏覽器通路http://localhost:3000/ 就可以看到項目的歡迎頁