快速上手React基礎
- 第1章 虛擬DOM和JSX
- 1-1 React 簡介
- 1-2 React小案例
- 1-3 兩種創建虛擬Dom的方式
- 1-4 虛擬DOM與真實DOM
- 1-5 jsx語法規則
- 1-6 jsx小練習
- 第2章 面向組件編程
- 2-1 開發者工具安裝
- 2-2 組件與模組
- 2-3 函數式元件
- 2-4 複習類相關知識
- 2-5 類別式元件
- 第3章 元件核心屬性之state
- 3-1 對state的理解
- 3-2 初始化state
- 3-3 react中的事件綁定
- 3-4 類別中方法中的this
- 3-5 解決類別中this指向問題
- 3-6 setState的使用
- 3-7 state的簡寫方式
- 3-8 總結state
- 第4章 組件核心屬性之props
- 4-1 props的基本使用
- 4-2 批量傳遞props
- 4-3 對props進行限制
- 4-4 props的簡寫方式
- 4-5 類別組件中的構造器與props
- 4-6 函數式元件使用props
- 4-7 總結props
- 第5章 組件核心屬性之refs
- 5-1 字串形式的ref
- 5-2 回調形式的ref
- 5-3 回調ref中呼叫次數的問題
- 5-4 createRef的使用
- 5-5 總結ref
- 第6章 事件與表單數據
- 6-1 事件處理
- 6-2 非受控組件
- 6-3 受控組件
- 6-4 高階函數和函數柯里化
- 6-5 不用柯里化的寫法
- 第7章 組件的生命週期（一）
- 7-1 引出生命週期
- 7-2 生命週期(舊)_元件掛載流程
- 7-3 生命週期(舊)_setState流程
- 7-4 生命週期(舊)_forceUpdate流程
- 7-5 父元件render流程
- 7-6 總結生命週期(舊)
- 第8章 組件的生命週期（二）
- 8-1 比較新舊生命週期
- 8-2 從Props取得DerivedState
- 8-3 取得更新前快照
- 8-4 10 getSnapshotBeforeUpdate案例
- 8-5 總結生命週期(新)
- 8-6 DOM的diffing演算法
- 第9章 鷹架
- 9-1 初始化react腳手架
- 9-2 鷹架檔介紹_public
- 9-3 腳手架檔案介紹_src
- 9-4 一個簡單Hello組件
- 9-5 樣式的模組化
- 9-6 WebStorm中的快速鍵
- 9-7 組件化編碼流程
- 第10章 TodoList案例
- 10-1 TodoList案例_靜態元件
- 10-2 動態初始化列表
- 10-3 添加todo
- 10-4 滑鼠移入效果
- 10-5 勾選和取消勾選
- 10-6 對props進行限制
- 10-7 刪除一個todo
- 10-8 實現底部功能
- 10-9 總結TodoList案例
- 第11章 豆瓣電影搜尋案例
- 11-1 鷹架配置代理1
- 11-2 鷹架配置代理2
- 11-3 豆瓣電影搜尋案例_靜態組件
- 11-4 豆瓣電影搜尋案例_axios發送請求
- 11-5 豆瓣電影搜尋案例_展示數據
- 11-6 豆瓣電影搜尋案例_完成案例
- 11-7 豆瓣電影搜尋案例_訊息訂閱與發布_pubsub
- 11-8 豆瓣電影搜尋案例_fetch發送請求
- 11-9 豆瓣電影搜尋案例_總結
- 第12章 react router
- 12-1 對SPA應用的理解
- 12-2 對路由的理解
- 12-3 前端路由原理
- 12-4 路由的基本使用
- 12-5 路由組件與一般組件
- 12-6 NavLink的使用
- 12-7 封裝NavLink組件
- 12-8 Switch的使用
- 12-9 解決樣式遺失問題
- 12-10 路由的模糊匹配與嚴格匹配
- 12-11 Redirect的使用
- 12-12 嵌套路由
- 12-13 向路由組件傳遞params參數
- 12-14 向路由組件傳遞search參數
- 12-15 向路由組件傳遞state參數
- 12-16 總結路由參數
- 12-17 push與repalce
- 12-18 編程式路由導航
- 12-19 withRouter的使用
- 12-20 BrowserRouter與HashRouter
- 第13章 UI元件庫 antd
- 13-1 antd的基本使用
- 13-2 antd樣式的按需引入
- 13-3 antd自訂主題
- 第14章 狀態管理 redux
- 14-1 redux簡介
- 14-2 redux工作流程
- 14-3 求和案例_純react版
- 14-4 求和案例_redux精簡版
- 14-5 求和案例_redux完整版
- 14-6 求和案例_非同步action版
- 14-7 對react-redux的理解
- 14-8 連接容器元件與UI元件
- 14-9 react-redux基本使用
- 14-10 優化1_簡寫mapDispatch
- 14-11 最佳化2_Provider元件的使用
- 14-12 優化3_整合UI元件與容器元件
- 14-13 資料共享_編寫Person組件
- 14-14 資料共享_編寫Person組件的reducer
- 14-15 資料共享_完成資料共享
- 14-16 純函數
- 14-17 redux開發者工具
- 14-18 最終版
- 14-19 專案打包運行
- 第15章 擴充
- 15-1 擴展1_setState
- 15-2 擴展2_lazyLoad
- 15-3 擴展3_stateHook
- 15-4 擴充4_EffectHook
- 15-5 擴充5_RefHook
- 15-6 擴充6_Fragment
- 15-7 擴充7_Context
- 15-8 擴充8_PureComponent
- 15-9 擴充9_renderProps
- 15-10 擴充10_ErrorBoundary
- 15-11 組件間通訊方式總結
