Action & useDispath
Action & useDispatch 更新 slice 的值
Action & useDispatch 更新 slice 的值
實務上處理 Token 過期、統一錯誤處理(如 401, 500)都會用到
3. Component
CRUD 實作練習
1. Hooks 是什麼
Layout、Page、Component 這三個本身的基本程式碼長的會差不多,因為這三個其實都是用來呈現出頁面內容的程式碼,只是依照功用將其分成三種。
5.3 map() 語法
2. Page
4. Props 傳遞與解構
Provider
4. Query String
9. React Hook Form
1. Slice
2. Router 基本設定
1. Router 說明與安裝
Slice
store
6. useCallback
7. useContext
3. useEffect
5. useMemo
6. useNavigate
8. useParams & useSearchParams
4. useRef
useSelector & state
2. useState
全域狀態與 Context API / Redux Toolkit 整合
本文將介紹 React開發的前言。
3. 動態路由
5.2 安裝 Axios
10. 客製化 Hooks
5.7 實戰:DELETE(刪除資料)
5.4 實戰:GET(取得資料)
5.5 實戰:POST(新增資料)
5.6 實戰:PUT(更新資料)
上傳至 github 的操作步驟
5. 巢狀路由(Nested Routes)
在開始製作 React 專案前要先確定自己的電腦是否有安裝對應的套件了,如果沒有安裝,將會無法開始
11. 現成的 Hooks (別人寫好的 hooks)
5.9 環境切換(Dev / Prod)
登入頁面與表單驗證
使用 `.map()` 來渲染 API 資料 + 分頁功能
資料渲染 2
身份驗證路由保護
在確認好本地端的環境已經沒問題後,那就開始建構我們的 React 專案吧。
12. 進階:memo
進階實作:傳遞參數 (Payload) 到 Action 中
進階實作:將非同步取得的資料(API)儲存至 Store 狀態
非同步處理與載入狀態
5.1 非同步處理說明
項目的搜尋(篩選)與排序