TanStack Query, 아직도 이렇게 쓰세요? (API 팩토리 패턴으로 boilerplate 박살내기)
TanStack Query의 반복적인 API 훅 작성에 지치셨나요? 팩토리 패턴을 활용해 CRUD 훅을 자동으로 생성하고, 보일러플레이트를 획기적으로 줄여 유지보수성을 높이는 실전 방법을 소개합니다.
Read more서버 컴포넌트, '이렇게' 쓰시면 말짱 꽝입니다 (RSC 조합의 기술)
React 서버 컴포넌트의 이점을 해치지 않으면서 클라이언트 컴포넌트와 효과적으로 조합하는 핵심 패턴을 알아봅니다. 서버 컴포넌트를 children으로 전달하는 간단한 방법으로 성능과 재사용성을 모두 잡아보세요.
Read moreReact Cache 그냥 쓰셨나요? (숨겨진 일관성의 비밀)
React의 cache 함수는 단순한 성능 최적화 도구가 아닙니다. React 서버 컴포넌트(RSC) 환경에서 데이터 일관성을 보장하는 핵심 API로서 cache의 진짜 역할을 깊이 있게 파헤칩니다.
Read more리액트 UI가 멈추나요? 웹 워커로 해결하는 A to Z 가이드
리액트 앱에서 무거운 계산으로 UI가 멈추는 문제를 웹 워커, 공유 워커를 사용해 해결하는 방법을 단계별로 알아봅니다. 큐를 이용한 작업 순서 보장과 캐싱 전략까지 실용적인 예제와 함께 설명합니다.
Read moreReact Query select 옵션, 이걸로 렌더링 최적화 끝판왕 되기
React Query의 select 옵션을 활용해 불필요한 리렌더링을 막는 방법을 알아봅니다. 기본적인 사용법부터 TypeScript 타입 추론, useCallback을 사용한 성능 최적화, 그리고 fast-memoize를 활용한 최종 보스급 최적화까지, select의 모든 것을 파헤쳐 봅니다.
Read more