?React框架解析與開(kāi)發(fā)實(shí)踐培訓(xùn)課程與咨詢
課程目標(biāo): |
- 了解React基礎(chǔ)語(yǔ)法
- 了解React開(kāi)發(fā)調(diào)試工具
- 掌握腳手架(重要)
- 單頁(yè)應(yīng)用 react-router
- Flux應(yīng)用開(kāi)發(fā)框架
- React組件之間通信案例實(shí)戰(zhàn)和解析
- React組件庫(kù)
- webpack 相關(guān)
- React源碼分析
- React案例實(shí)踐
React基礎(chǔ)語(yǔ)法 |
-->本身只是一個(gè) DOM 的抽象層
和其他 MV* 框架的差異
- 模板語(yǔ)言 jsx
- 生命周期 3 個(gè)階段
- state vs props
- refs
- 事件系統(tǒng)
- 組件化
- mixin
- 高級(jí) API
版本選擇和升級(jí)建議
ES6 相關(guān)語(yǔ)法
代碼規(guī)范建議 |
React開(kāi)發(fā)調(diào)試工具 |
React Devtools 擴(kuò)展
VS Code |
腳手架(重要) |
create-react-app 深入應(yīng)用和內(nèi)部設(shè)計(jì)解析
dva 深入應(yīng)用和內(nèi)部設(shè)計(jì)解析
- 分層模式
- 目錄結(jié)構(gòu)
- 工具介紹
- 內(nèi)部設(shè)計(jì)解析
- 案例實(shí)戰(zhàn)
umi 深入應(yīng)用和內(nèi)部設(shè)計(jì)解析
- 分層模式
- 目錄結(jié)構(gòu)
- 工具介紹
- 內(nèi)部設(shè)計(jì)解析
- 案例實(shí)戰(zhàn)
|
單頁(yè)應(yīng)用 react-router |
基本概念
案例深入實(shí)戰(zhàn)和設(shè)計(jì)解析
版本差異和升級(jí)建議 3/4/5 |
Flux應(yīng)用開(kāi)發(fā)框架 |
框架解析
數(shù)據(jù)流解析

flux 歷史
redux 基礎(chǔ)概念
react-redux 案例實(shí)戰(zhàn)和深入解析
redux-saga 案例實(shí)戰(zhàn)和深入解析
結(jié)合路由、請(qǐng)求數(shù)據(jù)等綜合解決方案
dva 案例實(shí)戰(zhàn) |
React組件之間通信案例實(shí)戰(zhàn)和解析 |
服務(wù)端數(shù)據(jù)通訊
|
React組件庫(kù) |
常規(guī)組件設(shè)計(jì)
開(kāi)源組件庫(kù)案例解析和設(shè)計(jì)
打包
?
|
webpack 相關(guān) |
單頁(yè)應(yīng)用分片加載
分環(huán)境配置 |
React源碼分析 |
事件系統(tǒng)
組件實(shí)現(xiàn) |
React案例實(shí)踐 |
React實(shí)例項(xiàng)目介紹
項(xiàng)目框架搭建
應(yīng)用開(kāi)發(fā)實(shí)踐
效果回顧與分析 |
|