鐵人檔案
以 React 為中心的學習筆記，內容主要包含：
★ React 基礎概念、常見功能、活用知識點
★ React Hook 學習筆記
★ Redux 學習筆記
連載動機 藉由 30 天筆記，將學習 React 相關的知識整理起來，以便日後回頭參照。 主要參考來源為官方網站，並搭配各路大神的文章整理成筆記。 預計內容如下...
為什麼需要前端框架？ 開發速度更快：可以使用 JavaScript 提供的功能（迴圈、條件判斷、變數） 資料驅動畫面：搭配開發者工具，更容易維護 程式邏輯架構...
JSX 特點 全稱為 JavaScript Syntax Extension，即 JavaScript 語法擴充，是 React 獨特的樣板語言（templa...
React 的核心之一是 JSX 語法，這意味著整個網頁內容，包含 HTML 與 CSS，基本上都是由 JS 產生的。 用 React 撰寫的程式中，所有介面都...
關於 Component 可理解為程式中彼此獨立、可重組、拆分、複用的一種積木單元 每個 Component 皆能完整描述自身長相（UI）和邏輯（JS） Re...
Data Flow 中文直譯為資料流，React 中文圈通常說法是單向資料流／單一資料流，如字面所述，表示 React 中所有資料數據只能單向傳遞的機制。 St...
React 元件擁有從產生、渲染到被移除解放資源的各個階段稱之為生命週期（Lifecycle）。 Class Component 生命週期 Mount：初始化...
React 事件處理 React 和 HTML 事件處理的語法略有不同： HTML 的事件語法： <button onclick="activa...
在 JSX 中，可以使用 JavaScript 中 if 陳述式或條件運算子如 三元運算子(ternary operator)來規範如何顯示、更新 UI。 以下...
簡單的 React 列表範例 const uli = { <li>1</li> <li>2</li>...
