React 前端開發實戰
使用 React 18 打造現代化網頁應用程式
課程簡介
React 是 Facebook 開發的前端 JavaScript 函式庫，是目前業界最受歡迎的前端框架之一。本課程將帶你從 React 基礎開始，逐步學習 Hooks、狀態管理、路由等進階概念，最終能夠獨立開發完整的 React 應用程式。
你將學到什麼
- React 核心概念與 JSX 語法
- 元件設計與 Props 傳遞
- React Hooks 完整掌握
- 狀態管理（Context API、Redux）
- React Router 路由管理
- API 串接與非同步處理
- 效能優化技巧
適合對象
- 已具備 HTML、CSS、JavaScript 基礎的開發者
- 想學習前端框架的網頁開發者
- 想從 Vue 或 Angular 轉學 React 的工程師
- 準備面試前端工程師職位的求職者
課程特色
本課程著重實戰應用，每個章節都會帶你實作一個小專案，課程最後會完成一個完整的電商網站前端。所有程式碼都提供 GitHub 範例庫，方便你對照學習。
2 小時 50 分鐘
4 章節 / 16 單元
0 位學員
講師
李小華
課程大綱
第 1 章：第一章：React 基礎入門
課後測驗4 單元
1.11-1 React 簡介與核心概念免費試看
10 分鐘1.21-2 開發環境建置
10 分鐘1.31-3 JSX 語法入門
10 分鐘1.41-4 元件基礎
10 分鐘第 2 章：第二章：Props 與 State
課後測驗4 單元
2.12-1 Props 資料傳遞
10 分鐘2.22-2 useState Hook
10 分鐘2.32-3 條件渲染
10 分鐘2.42-4 列表渲染與 Key
10 分鐘第 3 章：第三章：React Hooks 進階
課後測驗4 單元
3.13-1 useEffect 副作用處理
10 分鐘3.23-2 useRef 與 DOM 操作
10 分鐘3.33-3 useMemo 與 useCallback
10 分鐘3.43-4 自訂 Hooks
10 分鐘第 4 章：第四章：路由與狀態管理
課後測驗4 單元
4.14-1 React Router 基礎
10 分鐘4.24-2 巢狀路由與動態路由
10 分鐘4.34-3 Context API
10 分鐘4.44-4 Redux 入門
10 分鐘關於講師
李小華
前端架構師
10 年前端開發經驗，React/Vue 專家。曾主導多個大型電商平台的前端架構設計，對前端效能優化有深入研究。