Vercel

Vercel React Best Practices

Vercel React Best Practices은 AI Agent를 위한 재사용 가능한 개발 스킬입니다. 워크플로, 입출력, 소스 정보를 확인하세요.

Agent가 얻는 것

Vercel React Best Practices의 작동 방식, 필요한 입력, 반환 결과, 권한 범위와 소스 관리 위치를 확인하세요.

할 수 있는 일

  • Restructure independent and dependent work to reduce async waterfalls
  • Review imports, dynamic loading, third parties, and preload boundaries
  • Review caching, serialization, authentication, state, and streaming behavior
  • Review fetching, rerenders, effects, transitions, and JavaScript hot paths

이렇게 요청해 보세요

Review this Next.js route for waterfalls, serialization, bundle, and server-state problems.
Find the measured causes of rerender cost in this React workflow and propose focused changes.