#react
- Next.js 16 Cache Components - Vercel이 공개한 PPR·use cache 가이드 (전문 번역)Vercel Labs가 공개한 Next.js 16 Cache Components 스킬 전문 번역입니다. Partial Prerendering(PPR), use cache 지시어, cacheLife, cacheTag, updateTag까지 캐시 컴포넌트의 전체 그림을 한글로 옮겼어요.
- React Composition Patterns - Vercel이 공개한 React 합성 패턴 (전문 번역)Vercel Labs가 공개한 React Composition Patterns 전문 번역입니다. 불리언 prop 남발을 피하는 컴파운드 컴포넌트, 상태 끌어올리기, 의존성 주입 컨텍스트 등 4개 카테고리 8개 규칙을 한글로 옮겼어요.
- React Native Skills - Vercel이 공개한 React Native·Expo 베스트 프랙티스 (전문 번역)Vercel Labs가 공개한 React Native Skills 전문 번역입니다. 리스트 가상화, Reanimated 애니메이션, 네이티브 내비게이션, 상태 관리 등 14개 카테고리 36개 규칙을 한글로 옮겼어요.
- Next.js Best Practices - Vercel이 공개한 Next.js 개발 가이드 (전문 번역)Vercel이 공개한 Next.js 베스트 프랙티스 스킬 전문 번역입니다. 파일 컨벤션, RSC 경계, 데이터 패턴, 에러 처리, 이미지·폰트 최적화 등 19개 문서를 한글로 번역했어요.
- TanStack Query의 Query Key Factory 패턴TanStack Query의 Query Key를 문자열로 직접 쓰면 오타와 중복, 관리 실패가 발생합니다. 이 문제를 해결하는 Query Key Factory 패턴을 단순한 형태부터 queryOptions()와 결합한 형태까지 단계별로 알아봅니다.
- React Best Practices - Vercel 엔지니어링 팀의 성능 최적화 가이드 (전문 번역)Vercel 엔지니어링 팀이 공개한 React/Next.js 성능 최적화 가이드 전문 번역입니다. 8개 카테고리, 45개 이상의 규칙을 영향도 기준으로 정리했습니다.
- React v19, forwardRef를 대체할 방법에 대해서 알아보자React v19부터 forwardRef 없이 ref를 일반 prop처럼 전달할 수 있게 되어 코드와 타입 정의가 간결해졌습니다. 기존 forwardRef의 문제점과 새로운 ref 전달 방식을 알아봅니다.