vercel-react-best-practices목적, 사용법 및 출처

이 스킬의 기능

반응하고Next.jsVercel 엔지니어링에서 제시하는 성능 최적화 가이드라인입니다. 이 기술은 코드 작성, 검토 또는 리팩토링 시 활용해야 합니다.React/Next.js최적의 성능 패턴을 보장하는 코드입니다. React 컴포넌트 관련 작업에 대한 트리거가 포함되어 있습니다.Next.js페이지 최적화, 데이터 가져오기, 번들 최적화 또는 성능 개선.

업스트림 워크플로우 작동 방식

rules/async-parallel.md
rules/bundle-barrel-imports.md

요구 사항 및 설정

이 파일에서 간략한 요구사항 구절이 선택되지 않았습니다. 이는 해당 스킬에 종속성이 없다는 의미는 아닙니다. 저장소 설정 지침 및 참조 파일을 확인하십시오.

제한 사항 및 품질 검사

이 파일에서 별도의 제한 조건 구문이 선택되지 않았습니다. 이는 해당 스킬이 모든 입력 또는 환경에서 안전하다는 것을 의미하지 않습니다. 전체 소스 코드를 검토하고 결과를 직접 확인하십시오.

안전한 시험 사용부터 시작하세요

1. 지원되는 호스트와 저장소 설치 지침을 확인하세요. 스킬 디렉토리와 해당 디렉토리에서 참조하는 스크립트, 자산 및 문서를 함께 보관하세요.SKILL.md단독으로는 종속성을 생략할 수 있습니다.
2. 에이전트에 실제 입력값, 원하는 출력값 및 승인 기준을 제공하십시오. 호출 구문 및 사용 가능한 도구는 호스트에 따라 다르므로 이 사이트는 범용 설치 명령을 제공하지 않습니다.
3. 원본 워크플로를 임시 프로젝트 또는 복사본에서 테스트해 보세요. 파일, 원격 서비스 또는 유료 리소스를 변경하는 작업은 허용하기 전에 검토하십시오.
4. 출력 결과를 원본 품질 검사 및 자체 요구 사항에 맞춰 검증하십시오. 트리거가 성공적으로 작동했거나 저장소의 별점 수가 높다고 해서 반드시 올바른 결과가 나오는 것은 아닙니다.

기술 형식 및 디렉토리 사양 ↗

원문에서 더 자세한 내용을 읽어보세요.

• Vercel React 모범 사례
• 지원 시기
• 1폭포 현상 제거 (매우 중요)
• 2번들 크기 최적화 (매우 중요)
• 3서버 측 성능 (높음)
• 4클라이언트 측 데이터 가져오기 (중상)
• 5. 재렌더링 최적화 (중간)
• 6렌더링 성능 (중간)
• 7자바스크립트 성능 (낮음-중간)
• 8고급 패턴 (낮음)
• 사용 방법
• 전체 컴파일된 문서

관련 기술

• agent-browservercel-labs/open-agents
• ai-sdkvercel-labs/open-agents
• baseline-uivercel-labs/open-agents
• chat-sdkvercel-labs/open-agents

번역 및 범위

이 독서 안내서는 고정된 상류 지역에서 발췌한 구절들을 소개합니다.SKILL.md본 번역은 보조 번역이며, 완전한 설명서 또는 호환성 테스트를 보장하는 것은 아닙니다. 사용 전에 원본 및 참조 파일을 반드시 읽어 주십시오.

이 소개글은 아래 고정된 버전을 참조하며, 현재 저장소 활동 및 수집 시간은 별도로 표시됩니다.

고정된 소스

원문을 읽어보세요 ↗

출처 검색됨

2026-10-29T09:32:23Z

소스 커밋

cf865e94de7729751c747171785b6ce57e7b178c

출처 SHA-256

b0bc1161fa20c5d2154099b7db2a46e9937b51d8f3f88f57ea1a06e76af0d474