React의 불필요한 렌더링을 방지하는 최적화 방법은 무엇인가요?

Question

안녕하세요. React에서 컴포넌트의 불필요한 렌더링을 방지하려면 어떤 기법을 사용할 수 있을까요. React.memo, useMemo, useCallback 등의 최적화 기법이 있는데, 각각 어떤 상황에서 사용하는 것이 적절할까요?

Answer 1

React에서 불필요한 렌더링 방지를 위해서는 React.memo는 컴포넌트의 재렌더링을 방지하고 useMemo는계산된 값을 캐싱합니다