一、react開發(fā)環(huán)境的熟悉
二、在react開發(fā)環(huán)境下，結(jié)合antd-mobile以及antd-design組件的使用。
三、reduex的了解以及基本使用
四、項(xiàng)目中相關(guān)模塊功能實(shí)現(xiàn)的敘述（如銷售報(bào)價(jià)相關(guān)·）
一、react開發(fā)環(huán)境相關(guān)：
一般我們可以使用react的腳手架工具（create-react-app）或者通過手動(dòng)配置webpack來初始化一個(gè)react工程項(xiàng)目。
react的腳手架工具本身集成了Webpack，并配置了一系列內(nèi)置的loader和默認(rèn)的npm的腳本，可以很輕松的實(shí)現(xiàn)零配置就可以快速開發(fā)React的應(yīng)用。
使用腳手架工具(create-react-app)初始化react項(xiàng)目的過程
1.全局安裝react的腳手架工具create-react-app
npm install -g create-react-app
2.使用腳手架工具來創(chuàng)建一個(gè)react的初始化項(xiàng)目
create-react-app my-app
3.進(jìn)入到該工程目錄并執(zhí)行就可以打開當(dāng)前初始完成的這個(gè)react工程了。
cd my-add
啟動(dòng)編譯當(dāng)前的React項(xiàng)目
npm start手動(dòng)配置webpack來初始化一個(gè)react項(xiàng)目
通過手動(dòng)配置webpack來創(chuàng)建一個(gè)react的初始化項(xiàng)目是比較繁瑣的，不僅要去安裝一些處理各種資源的包，而且還要去分別去設(shè)置，比起使用腳手架工具來說比較慢。react的語法、基本使用、css模塊化、生命周期、路由的認(rèn)識和使用，以及react中常用到的es6語法。
二、antd-mobile以及antd-design的了解以及其在react開發(fā)環(huán)境中的使用。
antd-mobile相關(guān)以及create-react-app結(jié)合antd-mobile的使用案例
antd-design相關(guān)以及react+webpack+antd-design的使用案例
三、react中狀態(tài)管理工具redux的基本了解以及使用
。
redux的基本理解
redux 是一個(gè)專門用來管理數(shù)據(jù)業(yè)務(wù)或邏輯狀態(tài)的框架，它也可以實(shí)現(xiàn)代碼結(jié)構(gòu)的規(guī)范化并提供組件之間通信的便利。
redux使用的場景和其存在的必要性
如果沒有Redux，傳遞state是非常麻煩的。Redux中，可以把數(shù)據(jù)先放在數(shù)據(jù)倉庫（store-公用狀態(tài)存儲(chǔ)空間）中，這里可以統(tǒng)一管理狀態(tài)，然后哪個(gè)組件用到了，就去stroe中查找狀態(tài)。如果途中的紫色組件想改變狀態(tài)時(shí)，只需要改變store中的狀態(tài)，然后其他組件就會(huì)跟著store中狀態(tài)的改變自動(dòng)進(jìn)行改變。
redux的幾個(gè)重要特點(diǎn)
- 單一數(shù)據(jù)源 整個(gè)應(yīng)用的 state 被存儲(chǔ)在唯一的Store中。
- state 是只讀的 唯一改變 state 的方法就是觸發(fā) action。
- 為了實(shí)現(xiàn)根據(jù) action 修改 state值，需要編寫 Reducer。它接收先前的 state 和 action 返回新的 state 。
store:用來管理 state 的單一對象，其中有三個(gè)方法。
- store.getState():獲取state ,經(jīng)過 reducer 返回了一個(gè)新的 state,可以用該函數(shù)獲取。
- store.dispatch(action):發(fā)出 action,用于觸發(fā) reducer 更新 state,
- store.subscribe(listener):監(jiān)聽變化，當(dāng) state 發(fā)生變化時(shí)，就可以在這個(gè)函數(shù)的回調(diào)中監(jiān)聽。
- action:Action 的作用就是告訴狀態(tài)管理器需要做什么樣的操作。
- reducer:reducer 是一個(gè)函數(shù)，接受 舊 state 和 action，根據(jù)不同的 Action 做出不同的操作并返回新的 state。
connect：react-redux中的模塊，連接 React 組件與 Redux Store，定義該參數(shù)后組件就可以監(jiān)聽 Redux Store 的變化，任何時(shí)候只要store發(fā)生變化，該函數(shù)就會(huì)被調(diào)用。
