React Router V6 - Form & Action
2023-04-14
上一篇介紹了 React Router V6 的 Loader，本文會介紹另一個重要的新功能 Action 與表單處理方式。
#React
React Router V6 - Fetch data with Loader
2023-03-31
上一篇介紹了 React Router V6 的基本架構，包含導頁、動態路由與巢狀路由，本文則會介紹 V6 全新的重要功能 Loader。
React Router V6 - Setup Routes
2023-03-14
Debouncing with useCallback Hook
2022-10-11
本文介紹 React 當中 useCallback 這個 Hook 的使用概念，並且結合 Lodash 實作 Debouncing Search 的功能幫助理解 useCallback 的作用。
為什麼在 Ant Design 使用 styled-components 傳遞 Boolean Props 會出現警告
2022-09-08
最近要使用 styled-components 包裝 Ant Design 的元件時，想透過傳遞 Boolean 值的 props 來製作動態樣式，結果是成功了但是卻一直跳出警告訊息，這是為什麼呢？
為什麼 React State 在 Event Listener 中沒有正確更新
2022-08-31
Deploying React Apps over Firebase Hosting
2022-06-06
有很多做法能夠部署 React 專案，本文會介紹如何透過 Firebase Hosting 這項服務來部署一個 SPA 專案。
升級 React Router v6 筆記
2022-04-08
瞭解 React Router V5 基礎知識
2022-04-04
Redux Toolkit with Action Creator Thunk
2022-03-18
本文介紹 Redux Toolkit 當中的 Action Creator Thunk 設計，透過 Thunk 幫助我們更好地處理非同步邏輯。
使用 Redux Toolkit 更有效率地撰寫 Redux
2022-03-17
React Redux with Class-based Components
2022-03-04
React Redux with Functional Components
2022-03-03
Diving into React Redux
2022-02-28
Code Reuse: React Higher-Order Components
2022-02-14
Code Reuse: React Custom Hooks
2022-02-04
在 React Class-based Components 中使用 Error Boundary 處理錯誤
2022-01-30
React Class-based Components 的生命週期（Lifecycle）
2022-01-16
Introduction to Class-based Components
2022-01-09
Sending Http Requests feat. Star Wars API
2021-12-27
Introducing useMemo
2021-12-17
Introducing React.memo
2021-12-03
Introducing useImperativeHandle
2021-11-06
使用 React Context 處理全域狀態
2021-10-31
本文介紹 React Context 的基本用法，包含 createContext、Provider、Consumer、useContext 等觀念。
React 狀態管理工具 - useReducer Hook
2021-10-24
Understanding React's useEffect Hook
2021-10-17
Forms in React
2021-10-10
Working with useRef & React.forwardRef
2021-10-01
Cleaner Code with React Fragments & Portals
2021-09-24
Styling React Components
2021-09-17
本文介紹 React 中基本的樣式撰寫方式，包含 Inline Style、CSS Modules、styled-components 等方式。
Lifting The State Up in React
2021-09-08
Props 的用途是讓父子元件之間傳遞狀態，使子元件也能使用到父元件定義的狀態。而子元件的狀態也能透過 Lifting State 的方式提升給父元件使用。
Working with React State & useState Hook
2021-09-03
本文介紹 React 中 State 的相關概念，包含 useState Hook、Snapshot、Lazy State Initialization 等觀念。