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 高階組件&高階函數
• 9-9 複習
• 9-10 準備redux分支
• 第10章 第十章
• 10-1 redux互動模型簡介
• 10-2 redux原理圖詳解
• 10-3 案例-react版
• 10-4 案例-redux-無action版
• 10-5 案例-redux最終版
• 10-6 react-redux的簡介
• 10-7 案例-react-redux（第一版）
• 10-8 案例-react-redux（第二版）
• 10-9 react-redux非同步編程
• 10-10 redux調試工具的使用
• 第11章 第十一章
• 11-1 react-redux的模組化編碼
• 11-2 複習
• 11-3 搭建redux開發環境
• 11-4 API介面及測試
• 11-5 配置代理解決跨域問題
• 11-6 post請求json形式編碼參數
• 11-7 使用axios請求攔截器
• 11-8 使用axios回應攔截器
• 11-9 配置專案基本路徑
• 11-10 請求進度條效果
• 第12章 第十二章
• 12-1 把伺服器回傳的user資訊交給redux管理
• 12-2 自動登入
• 12-3 登出登入功能
• 12-4 複習
• 12-5 裝飾器語法
• 12-6 token驗證
• 12-7 Admin整體佈置搭建
• 12-8 Admin子路由搭建
• 12-9 頭部靜態佈局
• 12-10 登入狀態過期自動跳轉
• 第13章 第十三章
• 13-1 頭部互動-全螢幕切換
• 13-2 頭部互動-登出登入
• 13-3 頭部時間展示
• 13-4 取得天氣資訊
• 13-5 展示天氣資訊
• 13-6 withRouter的使用
• 13-7 左側導航靜態佈局
• 13-8 左側導覽靜態-切換效果
• 13-9 動態產生選單
• 第14章 第十四章
• 14-1 選單預設選取以及自動打開
• 14-2 展示header組件中的title
• 14-3 使用redux管理標題
• 14-4 商品分類靜態頁面(一)
• 14-5 商品分類靜態頁面(二)
• 14-6 動態初始化數據
• 14-7 新增與修改彈窗
• 14-8 新增商品
• 14-9 更新商品分類
• 14-10 處理導航預設選取問題
• 第15章 第十五章
• 15-1 商品管理靜態頁面
• 15-2 初始化列表展示+分頁
• 15-3 操作商品狀態
• 15-4 發送搜尋請求
• 15-5 搜尋功能的實現
• 15-6 商品詳情及修改路由的搭建
• 15-7 解決標籤選取和title的問題
• 15-8 商品詳情-靜態頁面
• 15-9 展示詳情
• 15-10 從伺服器拉取詳情
• 第16章 第十六章
• 16-1 展示商品詳細資訊-redux
• 16-2 展示商品詳細資訊-請求後台
• 16-3 新增商品-靜態頁面
• 16-4 收集部分商品數據
• 16-5 照片牆-靜態
• 16-6 使用Upload組件上傳一個文件
• 16-7 上傳和刪除的回應
• 16-8 完成上傳功能
• 16-9 富文本編輯器
• 16-10 完成新增商品
• 第17章 第十七章
• 17-1 商品修改
• 17-2 角色管理簡介
• 17-3 新增角色
• 17-4 樹形選單
• 17-5 完成授權功能
• 17-6 取得使用者列表
• 17-7 新增用戶
• 17-8 遍歷菜單-數組的some方法
• 17-9 echarts的使用