Introducing React.memo
約 1 分鐘
本文介紹 React.memo 的使用方式，以此減少元件不必要的渲染。
大貓的第一個家
歡迎來到我的部落格，這裡有我分享的技術筆記、生活點滴和旅遊見聞。
第 9 頁，共 17 頁
使用 React Context 處理全域狀態
約 2 分鐘為了避免 Props Drilling，React 提供了 Context API 幫助我們解決這樣的問題，本文會介紹 Context API 的基本用法，包含 createContext、Provider、Consumer、useContext 等概念。
更強大的 React 狀態管理工具 useReducer Hook
約 3 分鐘在 JavaScript 的世界中，陣列處理方法之一的 reduce 就是將多個值陸續處理累積後成為新的單一值，而本文要介紹的 useReducer 也有類似的概念，透過這個更強大的狀態管理 Hook，可以將複雜的 State 處理完成後，返回一個單純的值。
Understanding React's useEffect Hook
約 5 分鐘本文介紹何謂 Side Effect，以及我們該如何使用 useEffect 處理這些副作用。
Forms in React
約 2 分鐘本文介紹如何在 React 中使用 Forms 表單相關元素。
關於 React Refs 的概念，以及如何 Forwarding Refs
約 2 分鐘本文會介紹 React 當中的 Refs，及其延伸出的 useRef 與 forwardRef 的使用方式。
Cleaner Code with React Fragments & Portals
約 1 分鐘透過 Fragments 與 Portals 讓我們可以使用 React 撰寫出更乾淨的 HTML Code。
Styling React Components
約 1 分鐘本文介紹 React 中基本的樣式撰寫方式，包含 Inline Style、CSS Modules、styled-components 等方式。
[React] Lifting The State Up
約 1 分鐘Props 的用途是讓父子元件之間傳遞狀態，使子元件也能使用到父元件定義的狀態，而子元件的狀態也能透過 Lifting State 的方式提升給父元件使用。
[React] 正確地使用 State 與 useState Hook
約 2 分鐘本文介紹 React 中 State 的概念，包含 useState Hook、Snapshot、Lazy State Initialization 等觀念，看似簡單的狀態，其實有一些細節觀念是初學時容易忽略的。