所有文章

為了避免 Props Drilling，React 提供了 Context API 幫助我們解決這樣的問題，本文會介紹 Context API 的基本用法，包含 createContext、Provider、Consumer、useContext 等概念。

在 JavaScript 的世界中，陣列處理方法之一的 reduce 就是將多個值陸續處理累積後成為新的單一值，而本文要介紹的 useReducer 也有類似的概念，透過這個更強大的狀態管理 Hook，可以將複雜的 State 處理完成後，返回一個單純的值。

本文介紹何謂 Side Effect，以及我們該如何使用 useEffect 處理這些副作用。

本文介紹如何在 React 中使用 Forms 表單相關元素。

本文會介紹 React 當中的 Refs，及其延伸出的 useRef 與 forwardRef 的使用方式。

透過 Fragments 與 Portals 讓我們可以使用 React 撰寫出更乾淨的 HTML Code。

本文介紹 React 中基本的樣式撰寫方式，包含 Inline Style、CSS Modules、styled-components 等方式。

Props 的用途是讓父子元件之間傳遞狀態，使子元件也能使用到父元件定義的狀態，而子元件的狀態也能透過 Lifting State 的方式提升給父元件使用。