Webpack+react全家桶開發穀粒後台項目

• 第1章 第一章
• 1-1 建置工具簡介
• 1-2 webpack簡介
• 1-3 webpack小試牛刀
• 1-4 使用webpack設定檔
• 1-5 less-loader解析less
• 1-6 eslint-loader語法檢查
• 1-7 js語法轉換
• 1-8 js新語法按需引入
• 1-9 url-loader解析樣式中的圖片
• 1-10 打包html文件
• 第2章 第二章
• 2-1 打包html中圖片資源
• 2-2 打包其他資源
• 2-3 自動編譯打包運行
• 2-4 HMR（熱模替換）
• 2-5 devtool映射技術
• 2-6 準備生產環境
• 2-7 清除打包檔案目錄
• 2-8 提取css成單獨文件
• 2-9 css檔案的相容性處理
• 2-10 壓縮css
• 第3章 第三章
• 3-1 壓縮html
• 3-2 vscode編譯器的使用
• 3-3 react簡介
• 3-4 hello-react
• 3-5 虛擬DOM的兩種創建方式
• 3-6 幾個小問題說明
• 3-7 jsx語法規則
• 3-8 jsx的小練習
• 3-9 組件的兩種創建方式
• 3-10 複習
• 第4章 第四章
• 4-1 組件三大屬性之state
• 4-2 state的簡寫方式
• 4-3 組件三大屬性之props
• 4-4 props傳遞標籤屬性簡化寫法
• 4-5 組件三大屬性之ref&事件處理
• 4-6 ref新語法
• 4-7 複習
• 4-8 todolist實作靜態元件
• 4-9 todolist動態展示數據
• 4-10 完成todolist
• 第5章 第五章
• 5-1 受控組件與非受控組件
• 5-2 組件的聲明週期
• 5-3 複習
• 5-4 關於forceUpdate與willRecriveProps
• 5-5 getDerivedStateFromProps
• 5-6 getSnapshotBeforeUpdate
• 5-7 驗證diff演算法
• 5-8 key的作用
• 5-9 react腳手架的下載
• 5-10 react鷹架的簡單說明
• 第6章 第六章
• 6-1 react鷹架詳細說明
• 6-2 一個簡單的組件組合
• 6-3 評論案例—靜態頁面
• 6-4 使用者評論案例—動態初始化
• 6-5 用戶評論案例—增加評論
• 6-6 使用者評論案例—完成交互
• 6-7 用戶評論—第二版
• 6-8 axios練習
• 6-9 fetch的簡單練習
• 6-10 github搜尋案例—靜態頁面
• 第7章 第七章
• 7-1 github搜尋案例—發送請求
• 7-2 github搜尋案例—完成交互
• 7-3 複習
• 7-4 github搜尋案例—pubsub版
• 7-5 react組件間通訊方式
• 7-6 路由的簡介
• 7-7 基本路由使用
• 7-8 基本路由的詳細說明
• 7-9 二級路由的搭建（一）
• 7-10 複習
• 第8章 第八章
• 8-1 二級路由的搭建（二）
• 8-2 路由組件傳參
• 8-3 編程式路由導航
• 8-4 antd的簡單使用
• 8-5 複習
• 8-6 資料夾介紹－專案效果演示
• 8-7 回顧git
• 8-8 專案技術選型
• 8-9 使用create-react-app建立應用
• 8-10 配置antd樣式的按需引入
• 第9章 第九章
• 9-1 antd自訂主題
• 9-2 搭建login與admin路由
• 9-3 login靜態頁面
• 9-4 antd的From組件-靜態
• 9-5 使用者名稱的聲明式驗證
• 9-6 密碼的自訂驗證
• 9-7 登入表單的統一驗證
• 9-8 高階組件