"react" 태그가 포함된 포스트
TanStack Query의 Query Key Factory 패턴
TanStack Query에서 Query Key를 문자열로 직접 쓰다 보면 오타, 중복, 관리 실패가 발생합니다. Query Key Factory 패턴은 이 문제를 해결하는 커뮤니티 표준 패턴입니다. 단순한 키 팩토리부터 queryOptions()와 결합한 최종 진화형까지, 단계별로 알아봅니다.
Vercel 엔지니어링 팀이 공개한 React/Next.js 성능 최적화 가이드 전문 번역입니다. 8개 카테고리, 45개 이상의 규칙을 영향도 기준으로 정리했습니다.
React v19에서 forwardRef가 더 이상 필요없어졌어요. 향후 버전에서는 forwardRef를 제거한다고도 하는데요. 대신 이제 ref를 prop에서 접근할 수 있도록 바뀌었어요. ref를 일반 prop처럼 전달할 수 있게 되면서 코드가 간결해지고 타입 정의가 단순해졌어요. 이 글에서는 기존 forwardRef의 문제점과 React v19의 새로운 ref 전달 방식을 알아봐요.