2021 年度回顧
約 5 分鐘
這是我在 2021 年最值得聊聊的幾件事情 🎉
大貓的第一個家
歡迎來到我的部落格，這裡有我分享的技術筆記、生活點滴和旅遊見聞。
第 7 頁，共 15 頁
Sending Http Requests feat. Star Wars API
約 1 分鐘本文使用 Star Wars API 為例示範 React 如何串接第三方 API。
Introducing useMemo
約 1 分鐘本文介紹 useMemo 的使用方式。
Introducing React.memo
約 1 分鐘本文介紹 React.memo 的使用方式，以此減少元件不必要的渲染。
使用 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。