vercel-react-best-practices

vercel-labs

Vercel이 관리하는 React·Next.js 성능 최적화 가이드. 각 규칙은 잘못된 코드와 올바른 코드 예시, 이유 설명을 함께 제공한다. 8개 카테고리를 임팩트 순으로 다룬다. CRITICAL: 비동기 워터폴 제거(async-), 번들 사이즈 최적화(bundle-) HIGH: 서버사이드 캐싱(server-) MEDIUM: 클라이언트 데이터 페칭(client-), 리렌더 최적화(rerender-), 렌더링 성능(rendering-) LOW: JS 성능(js-), 고급 패턴(advanced-) 컴포넌트 작성, 코드 리뷰, 리팩토링, 성능 감사 시 참조하도록 설계됐다. 각 규칙은 `async-parallel`, `bundle-barrel-imports` 같은 prefix 코드로 식별해 자동화 도구와 문서에서 쉽게 참조할 수 있다.