?React框架解析與開發(fā)實踐培訓(xùn)課程與咨詢
| 課程目標(biāo)： |
- 了解React基礎(chǔ)語法
- 了解React開發(fā)調(diào)試工具
- 掌握腳手架(重要)
- 單頁應(yīng)用 react-router
- Flux應(yīng)用開發(fā)框架
- React組件之間通信案例實戰(zhàn)和解析
- React組件庫
- webpack 相關(guān)
- React源碼分析
- React案例實踐
| React基礎(chǔ)語法 |
-->本身只是一個 DOM 的抽象層
和其他 MV* 框架的差異
- 模板語言 jsx
- 生命周期 3 個階段
- state vs props
- refs
- 事件系統(tǒng)
- 組件化
- mixin
- 高級 API
版本選擇和升級建議
ES6 相關(guān)語法
代碼規(guī)范建議 |
| React開發(fā)調(diào)試工具 |
React Devtools 擴展
VS Code |
| 腳手架(重要) |
create-react-app 深入應(yīng)用和內(nèi)部設(shè)計解析
dva 深入應(yīng)用和內(nèi)部設(shè)計解析
- 分層模式
- 目錄結(jié)構(gòu)
- 工具介紹
- 內(nèi)部設(shè)計解析
- 案例實戰(zhàn)
umi 深入應(yīng)用和內(nèi)部設(shè)計解析
- 分層模式
- 目錄結(jié)構(gòu)
- 工具介紹
- 內(nèi)部設(shè)計解析
- 案例實戰(zhàn)
|
| 單頁應(yīng)用 react-router |
基本概念
案例深入實戰(zhàn)和設(shè)計解析
版本差異和升級建議 3/4/5 |
| Flux應(yīng)用開發(fā)框架 |
框架解析
數(shù)據(jù)流解析
flux 歷史
redux 基礎(chǔ)概念
react-redux 案例實戰(zhàn)和深入解析
redux-saga 案例實戰(zhàn)和深入解析
結(jié)合路由、請求數(shù)據(jù)等綜合解決方案
dva 案例實戰(zhàn) |
| React組件之間通信案例實戰(zhàn)和解析 |
服務(wù)端數(shù)據(jù)通訊
|
| React組件庫 |
常規(guī)組件設(shè)計
開源組件庫案例解析和設(shè)計
打包
?
|
| webpack 相關(guān) |
單頁應(yīng)用分片加載
分環(huán)境配置 |
| React源碼分析 |
事件系統(tǒng)
組件實現(xiàn) |
| React案例實踐 |
React實例項目介紹
項目框架搭建
應(yīng)用開發(fā)實踐
效果回顧與分析 |
|
