목록값 캐싱 (1)

sohyeon kim

[React] 최적화 & 리렌더링 막기(3) : useMemo, value 값 캐싱

[React] 최적화 & 리렌더링 막기(2) : useCallback, 함수 캐싱[React] 최적화 & 리렌더링 막기(1) : React.memo, 자식 리렌더링 막기 💡 리렌더링의 발생하는 경우 1. 컴포넌트에서 state 가 바뀌었을 때 2. 컴포넌트가 내려받은 props 가 바뀌었을 때 3. 부모 컴포넌트aotoyae.tistory.com  🫐 useMemo : 값을 기억한다. 반환되는 값이 바뀌면 리렌더 할 거다. 아래와 같이 무거운 작업을 하는 컴포넌트가 있을 때리렌더링을 매번 해버리면 매번 로딩이 오래 걸린다.function App() { return ( 네비게이션 바 FOOTER );}function HeavyComponent() { co..
React 2024. 1. 24. 20:08
이전 Prev 1 Next 다음