React - Route 路由 與 參數
繁中掌握 React Router 中的參數傳遞技巧,包括 params、search 與 state 三種傳參方式。
Discussions on React.js framework technologies.
17 posts
掌握 React Router 中的參數傳遞技巧,包括 params、search 與 state 三種傳參方式。
開始學習 React Router 路由管理,實現單頁應用(SPA)的導覽功能與基本配置。
介紹如何使用 PubSubJS 實現跨組件間的通訊,解決父子組件傳值過於繁瑣的問題。
透過實作最基礎的渲染範例,了解 ReactDOM.render 的運作方式與 JSX 語法基礎。
介紹如何使用 Create React App (CRA) 快速搭建 React 開發環境,包含專案結構說明與常用指令。
深入理解 React 的虛擬 DOM 與 Diffing 演算法,探討 key 屬性在列表渲染中的重要性與效能影響。
詳細解析 React 組件的生命週期各階段(掛載、更新、卸載),以及常用的生命週期鉤子函數應用。
探討如何利用 JavaScript 的柯里化(Currying)與高階函數技巧,優化 React 事件處理邏輯。
比較受控組件與非受控組件的差異,學習如何透過 State 即時管理表單輸入資料。
學習如何使用 Refs 獲取 DOM 元素或組件實例,涵蓋字串形式、回調函數與 createRef 的三種用法。
探討 Props 屬性的傳遞與應用,包括批量傳遞、型別檢查(PropTypes)以及在函數式組件中的使用方法。
介紹類式組件的三大屬性之一:State。學習如何初始化狀態、處理 this 指向問題以及正確使用 setState 更新畫面。
詳細介紹類式組件(Class Component)的定義方式、繼承與 render 方法的實作要點。
認識函數式組件(Function Component)的基礎寫法,並探討其與類式組件的異同之處。
深入了解 React 中的組件(Component)與模組(Module)化開發,以及如何使用開發者工具進行調試。
建立 React 開發環境的起手式,介紹如何引入 React 核心函式庫並撰寫第一個 Hello World。
介紹 React 的背景、優點以及為什麼要學習 React,包括聲明式編碼與虛擬 DOM 的核心概念。