Articles in this series
useMemo useMemo 可以在 re-render 期間,cache 計算的結果,目的是改善效能。 只要 useMemo 的第二個參數 array 裡面的值沒有改變,useMemo 裡面的 callback function 就不會再次被執行,因此可以沿用上一次的...
useRef 基本語法:const ref = useRef(initialValue) 使用時機:需要操作 browser API 或是一些不適合存成 state 的資料。 使用 useRef hook 所建立出來的 value 被 mutate 之後並不會 re-render。 import {...
Reducer 當 component 規模逐漸變大的時候,許多 state 更新的邏輯被散落在各個 event handler 裡,你可能會需要建立 handleAddTodo, handleChangeTodo, handleDeleteTodo...等各種 handler...
declarative vs imperative 在 React 的世界裡,UI 的互動過程是 declarative,亦即不用一步一步地下指令(imperatively) 來完成事情,而是只要告訴 React 根據什麼樣的 state 就執行什麼樣的事情即可。 這就好比搭乘 Taxi...
Hook Hook 是 React 中特有的 function,讓你可以在 function component rendering 之間使用 React 提供的方法管理 state。 Hook 只能在 component 中的 top level 或是 custom hook...
The rules of JSX JSX 讓你可以在 JS 裡面寫入類似於 HTML 的語法。 而有別於 HTML,JSX 可以添加動態資料。 JSX 跟 React 是兩個獨立的東西,寫 React 不一定需要使用 JSX 的語法,而 JSX 也不定只局限於 React 中使用。 Why...