렌더링 최적화

리액트 useTransition, 무작정 따라하다간 큰코다칩니다

리액트 useTransition이 사용자 경험을 해치는 경우를 알아봅니다. 공식 문서 예제의 문제점을 분석하고, Delay 컴포넌트와 결합하여 UI 막힘 없이 더 나은 UX를 만드는 실용적인 방법을 제시합니다.

November 13, 20256 minutes

React Query select 옵션, 이걸로 렌더링 최적화 끝판왕 되기

React Query의 select 옵션을 활용해 불필요한 리렌더링을 막는 방법을 알아봅니다. 기본적인 사용법부터 TypeScript 타입 추론, useCallback을 사용한 성능 최적화, 그리고 fast-memoize를 활용한 최종 보스급 최적화까지, select의 모든 것을 파헤쳐 봅니다.

August 22, 20255 minutes