[基礎課程] React 19 - 官方推薦 Hooks 完整指南
React 19 帶來了許多改進和新功能,特別是在 Hooks 的使用上更加完善。本文將詳細介紹 React 官方推薦的所有 Hooks,包括基礎 Hooks、效能優化 Hooks,以及 React 19 新增的 useActionState 和 useOptimistic,讓您能夠更好地掌握現代 React 開發技巧。
React 19 帶來了許多改進和新功能,特別是在 Hooks 的使用上更加完善。本文將詳細介紹 React 官方推薦的所有 Hooks,包括基礎 Hooks、效能優化 Hooks,以及 React 19 新增的 useActionState 和 useOptimistic,讓您能夠更好地掌握現代 React 開發技巧。
TailwindCSS 是一個功能類優先的 CSS 框架,它提供了大量預定義的實用工具類,讓您能夠快速構建現代化的使用者介面。本課程將深入介紹 TailwindCSS 的核心概念、安裝方法,並提供完整的公式表供快速參考。
本篇將帶你了解為什麼需要非同步,以及如何用 Promise 與 async/await 優雅地撰寫非同步流程。接著我們用 Fetch 實作 AJAX 請求,並補充瀏覽器端儲存(Cookie、LocalStorage、SessionStorage)與 Session/Token 的觀念對比。
本篇將實作一個「打地鼠」小品遊戲,練習 DOM 操作、事件監聽與互動流程設計。你將學會如何結合 HTML、CSS 與 JS,打造出具備即時反應與分數統計的互動遊戲,並理解事件委派(Event Delegation)在實務開發中的應用。
本篇 BOM(Browser Object Model,瀏覽器物件模型)與 DOM(Document Object Model,文件物件模型)。這兩個模型是 JavaScript 與網頁互動的基礎,掌握它們將讓您能夠動態控制網頁內容和瀏覽器行為。
CSS 的最後一篇基本課程,收錄一些偏於動態或視覺效果的 CSS 屬性,也提及到 CSS 動畫與轉場的動態播放,以及跨平台十分重要的 Media Query 媒體查詢。這些都算是能讓 CSS 更生動豐富且靈活,使網頁體驗上更有感受。
本篇將深入探討現代 CSS 布局技術,從傳統的 Float 開始,重點介紹目前主流的 FlexBox 和 CSS Grid 技術。您將學會如何選擇適合的布局方法,掌握一維和二維布局的核心概念,並能夠設計出現代化的響應式網頁布局。