React全家桶教程
- 第1章 第一章
- 1-1 react簡介
- 1-2 helloreact案例
- 1-3 虛擬DOM的兩種創建方式
- 1-4 虛擬DOM與真實DOM
- 1-5 jsx語法規則
- 1-6 jsx小練習
- 1-7 組件與模組
- 1-8 開發者工具的安裝
- 1-9 函數式元件
- 1-10 複習類相關知識
- 第2章 第二章
- 2-1 類別式元件
- 2-2 對state的理解
- 2-3 初始化state
- 2-4 react中的事件綁定
- 2-5 類別中方法中的this
- 2-6 解決類別中this指向問題
- 2-7 setState的使用
- 2-8 state的簡寫方式
- 2-9 總結state
- 2-10 props的基本使用
- 第3章 第三章
- 3-1 批量傳遞props
- 3-2 對props進行限制
- 3-3 props的簡寫方式
- 3-4 類別組件中的構造器與props
- 3-5 函數式元件使用props
- 3-6 總結props
- 3-7 字串形式的ref
- 3-8 回調形式的ref
- 3-9 回調ref中呼叫次數的問題
- 3-10 createRef的使用
- 第4章 第四章
- 4-1 總結ref
- 4-2 react中的事件處理
- 4-3 非受控組件
- 4-4 受控組件
- 4-5 高階函數函數柯里化
- 4-6 不用柯里化的寫法
- 4-7 引出生命週期
- 4-8 生命週期(舊)元件掛載流程
- 4-9 生命週期(舊)setState流程
- 4-10 生命週期(舊)forceUpdate流程
- 第5章 第五章
- 5-1 生命週期(舊)父元件render流程
- 5-2 總結生命週期(舊)
- 5-3 比較新舊生命週期
- 5-4 getDerivedStateFromProps
- 5-5 getSnapshotBeforeUpdate
- 5-6 getSnapshotBeforeUpdate舉例
- 5-7 總結生命週期(新)
- 5-8 DOM的diffing演算法
- 5-9 初始化react腳手架
- 5-10 鷹架文件介紹public
- 第6章 第六章
- 6-1 腳手架檔案介紹src
- 6-2 一個簡單的Hello組件
- 6-3 樣式的模組化
- 6-4 vscode中react插件的安裝
- 6-5 組件化編碼流程
- 6-6 TodoList案例靜態元件
- 6-7 TodoList案例動態初始化列表
- 6-8 TodoList案例加入todo
- 6-9 TodoList案例滑鼠移入效果
- 6-10 TodoList案例增加一個todo
- 第7章 第七章
- 7-1 TodoList案例對props進行限制
- 7-2 TodoList案例刪除一個todo
- 7-3 TodoList案例實作底部功能
- 7-4 TodoList案例總結TodoList案例
- 7-5 腳手架配置代理方法1
- 7-6 腳手架配置代理方法2
- 7-7 github搜尋案例靜態元件
- 7-8 github搜尋案例axios發送請求
- 7-9 github搜尋案例展示數據
- 7-10 github搜尋案例完成案例
- 第8章 第八章
- 8-1 訊息訂閱與發布技pubsub
- 8-2 fetch發送請求
- 8-3 總結github搜尋案例
- 8-4 對SPA應用的理解
- 8-5 對路由的理解
- 8-6 前端路由原理
- 8-7 路由的基本使用
- 8-8 路由組件與一般組件
- 8-9 NavLink的使用
- 8-10 封裝NavLink組件
- 第9章 第九章
- 9-1 Switch的使用
- 9-2 解決樣式遺失問題
- 9-3 路由的模糊匹配與嚴格匹配
- 9-4 Redirect的使用
- 9-5 嵌套路由
- 9-6 向路由組件傳遞params參數
- 9-7 向路由組件傳遞search參數
- 9-8 向路由組件傳遞state參數
- 9-9 總結路由參數
- 9-10 push與repalce
- 第10章 第十章
- 10-1 編程式路由導航
- 10-2 withRouter的使用
- 10-3 BrowserRouter與HashRouter
- 10-4 antd的基本使用
- 10-5 antd樣式的按需引入
- 10-6 antd自訂主題
- 10-7 redux簡介
- 10-8 redux工作流程
- 10-9 求和案例純react版
- 10-10 求和案例redux精簡版
- 第11章 第十一章
- 11-1 求和案例redux完整版
- 11-2 求和案例非同步action版
- 11-3 對react-redux的理解
- 11-4 連接容器元件與UI元件
- 11-5 react-redux基本使用
- 11-6 優化1簡寫mapDispatch
- 11-7 最佳化2Provider元件的使用
- 11-8 優化3整合UI元件與容器元件
- 11-9 資料共享編寫Person組件
- 11-10 資料共享編寫Person組件的reducer
- 第12章 第十二章
- 12-1 資料共享完成資料共享
- 12-2 純函數
- 12-3 redux開發者工具
- 12-4 最終版
- 12-5 專案打包運行
- 12-6 擴展1setState
- 12-7 擴展2lazyLoad
- 12-8 擴展3stateHook
- 12-9 擴充4EffectHook
- 12-10 擴充5RefHook
- 第13章 第十三章
- 13-1 擴充6Fragment
- 13-2 擴充7Context
- 13-3 擴展8PureComponent
- 13-4 擴充9renderProps
- 13-5 擴充10ErrorBoundary
- 13-6 組件間通訊方式總結
