https://blog.chczee.dpdns.org//blog Documenting and sharing knowledge, technical insights, and practical experiences in software development for mutual learning and growth. en-us chchen.zee@gmail.com (Chun Hao) chchen.zee@gmail.com (Chun Hao) Wed, 26 Nov 2025 00:00:00 GMT https://blog.chczee.dpdns.org//blog/react-prop-drilling https://blog.chczee.dpdns.org//blog/react-prop-drilling Learn what prop drilling is in React, why passing props through multiple component layers causes maintenance issues, and how to solve it using Context API or state management tools. Wed, 26 Nov 2025 00:00:00 GMT chchen.zee@gmail.com (Chun Hao) react https://blog.chczee.dpdns.org//blog/react-state-management-comparison https://blog.chczee.dpdns.org//blog/react-state-management-comparison Understanding when to use local state, Context API, or Zustand for state management in React applications. Learn the scope, best practices, and practical examples for each approach. Sun, 23 Nov 2025 00:00:00 GMT chchen.zee@gmail.com (Chun Hao) react https://blog.chczee.dpdns.org//blog/react-avoiding-stale-closures https://blog.chczee.dpdns.org//blog/react-avoiding-stale-closures Learn how to fix stale closure issues in React using three key techniques: dependency arrays, functional updaters (setState(prev => ...)), and useRef for latest values. Includes proper cleanup patterns for async operations to prevent memory leaks and race conditions. Sun, 16 Nov 2025 00:00:00 GMT chchen.zee@gmail.com (Chun Hao) react https://blog.chczee.dpdns.org//blog/react-closure-capture-values https://blog.chczee.dpdns.org//blog/react-closure-capture-values Understand how React callbacks capture values from the moment they are created, causing stale state issues in setInterval, useEffect, and event handlers. Learn to fix this using functional updaters and refs to always access fresh values. Sun, 16 Nov 2025 00:00:00 GMT chchen.zee@gmail.com (Chun Hao) react https://blog.chczee.dpdns.org//blog/react-useState-vs-useReducer https://blog.chczee.dpdns.org//blog/react-useState-vs-useReducer Learn the key differences between useState and useReducer in React. Understand when to use simple state management versus structured reducers for complex state logic, with practical examples including counters and form management. Sat, 15 Nov 2025 00:00:00 GMT chchen.zee@gmail.com (Chun Hao) react https://blog.chczee.dpdns.org//blog/react-useEffect-vs-useLayoutEffect https://blog.chczee.dpdns.org//blog/react-useEffect-vs-useLayoutEffect Understanding the critical timing difference between useEffect and useLayoutEffect - when to use each hook to prevent UI flicker and optimize performance in React applications. Thu, 13 Nov 2025 00:00:00 GMT chchen.zee@gmail.com (Chun Hao) react https://blog.chczee.dpdns.org//blog/react-custom-hooks https://blog.chczee.dpdns.org//blog/react-custom-hooks Exploring how Custom Hooks revolutionized React by solving logic reuse challenges that plagued Class components, HOCs, and Render Props - making code cleaner, more composable, and easier to maintain. Mon, 10 Nov 2025 00:00:00 GMT chchen.zee@gmail.com (Chun Hao) react https://blog.chczee.dpdns.org//blog/react-useEffect https://blog.chczee.dpdns.org//blog/react-useEffect Understanding useEffect - the essential hook for managing side effects in React function components, from data fetching to event listeners, with proper cleanup and dependency management. Mon, 10 Nov 2025 00:00:00 GMT chchen.zee@gmail.com (Chun Hao) react https://blog.chczee.dpdns.org//blog/react-hooks-top-level https://blog.chczee.dpdns.org//blog/react-hooks-top-level Sat, 08 Nov 2025 00:00:00 GMT chchen.zee@gmail.com (Chun Hao) react https://blog.chczee.dpdns.org//blog/Why-use-immutable-syntax-when-updating-state https://blog.chczee.dpdns.org//blog/Why-use-immutable-syntax-when-updating-state Learn why React requires immutable state updates and how reference equality checking works. Understand the difference between primitive and reference comparisons, common pitfalls with object mutations, and best practices for creating new references to trigger re-renders correctly. Tue, 28 Oct 2025 00:00:00 GMT chchen.zee@gmail.com (Chun Hao) react https://blog.chczee.dpdns.org//blog/react-key-prop https://blog.chczee.dpdns.org//blog/react-key-prop Understand why React keys matter in list rendering. Learn how using array indexes as keys causes UI bugs like jumping input values, and why stable unique IDs are essential for proper reconciliation. Discover the difference between correct and incorrect key usage with practical examples. Tue, 28 Oct 2025 00:00:00 GMT chchen.zee@gmail.com (Chun Hao) react https://blog.chczee.dpdns.org//blog/react-reconciliation https://blog.chczee.dpdns.org//blog/react-reconciliation Learn how React Reconciliation works - the smart update process that compares Virtual DOM trees using three key rules: different element types get replaced, same types get updated, and lists use keys for tracking. This efficient diffing algorithm reduces O(n³) complexity to O(n), updating only what actually changed in the real DOM. Tue, 28 Oct 2025 00:00:00 GMT chchen.zee@gmail.com (Chun Hao) react https://blog.chczee.dpdns.org//blog/virtual-dom https://blog.chczee.dpdns.org//blog/virtual-dom Learn why React uses a Virtual DOM instead of direct DOM manipulation. Discover how this JavaScript object tree in memory optimizes performance by batching updates, reducing reflows and repaints, while providing a better developer experience through declarative UI patterns. Mon, 27 Oct 2025 00:00:00 GMT chchen.zee@gmail.com (Chun Hao) react https://blog.chczee.dpdns.org//blog/the-lifecycle-of-a-react-component https://blog.chczee.dpdns.org//blog/the-lifecycle-of-a-react-component Learn about React component lifecycle - how components mount, update, and unmount - and understand the differences between class component lifecycle methods and function component Hooks. Wed, 22 Oct 2025 00:00:00 GMT chchen.zee@gmail.com (Chun Hao) react https://blog.chczee.dpdns.org//blog/What-is-JSX https://blog.chczee.dpdns.org//blog/What-is-JSX Learn what JSX is, how it compiles from React 16 to React 17+, and master essential JSX syntax rules for writing React components. Sun, 19 Oct 2025 00:00:00 GMT chchen.zee@gmail.com (Chun Hao) react https://blog.chczee.dpdns.org//blog/what-Is-a-pure-function https://blog.chczee.dpdns.org//blog/what-Is-a-pure-function Understanding pure functions and why React components should stay pure. Learn the key rules and benefits of writing pure components in React. Thu, 16 Oct 2025 00:00:00 GMT chchen.zee@gmail.com (Chun Hao) react