Context API의 리렌더링 지옥, Zustand가 구원해드립니다
리액트의 Context API를 사용하다 불필요한 리렌더링 문제로 골머리를 앓고 계신가요? Zustand가 어떻게 셀렉터 하나만으로 이 문제를 우아하게 해결하고, 코드까지 간결하게 만들어주는지 그 비법을 공개합니다.
Read moreReact Query select 옵션, 이걸로 렌더링 최적화 끝판왕 되기
React Query의 select 옵션을 활용해 불필요한 리렌더링을 막는 방법을 알아봅니다. 기본적인 사용법부터 TypeScript 타입 추론, useCallback을 사용한 성능 최적화, 그리고 fast-memoize를 활용한 최종 보스급 최적화까지, select의 모든 것을 파헤쳐 봅니다.
Read more리액트 성능 최적화의 비밀 무기 - useRef보다 강력한 Ref 콜백 사용법
리액트에서 불필요한 렌더링을 피하고 직접 DOM을 제어하여 성능을 극대화하는 Ref 콜백의 원리와 사용법을 알아봅니다.
Read more