Blogs
Advanced React Series
Advance React Chapter 1
This chapter introduces React re-renders through a practical performance problem scenario. It demonstrates how a simple modal dialog implementation can cause performance issues and teaches the "moving state down" technique as a solution.
Advance React Chapter 2
This chapter explores advanced patterns for preventing re-renders when state can't be easily moved down. It introduces the concepts of Components vs Elements, React's reconciliation process, and the powerful "children as props" pattern for performance optimization.
Advance React Chapter 3
This chapter delves into React.memo and the useMemo hook, exploring how to prevent unnecessary re-renders when components receive the same props or when expensive calculations need to be cached.
Advance React Chapter 4
This chapter explores advanced state management patterns and the useCallback hook, focusing on preventing unnecessary re-renders when passing functions as props and optimizing component performance.