Problem Statement
What are Pure Components and what is memoization (React.memo, useMemo, useCallback)?
Explanation
Pure Components and memoized functions skip re-renders when inputs don’t change. React.memo prevents re-rendering of functional components, useMemo caches computed values, and useCallback caches functions.
Code Solution
SolutionRead Only
const MemoComp = React.memo(MyComponent); const memoValue = useMemo(() => computeExpensive(value), [value]); const memoFn = useCallback(() => handleClick(id), [id]);