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 組件間通訊方式總結