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