Skip to main content

react-sync

Build local React changes in the bundle variants consumed by Next.js, sync them into a local Next.js checkout, and test the resulting integration. Use when working on React changes that need validation in Next.js, or when asked to run buildForNext, pnpm sync-react, or synchronize a React checkout with Next.js.

소스 정보

저장소
vercel/next.js
최근 소스 활동
2026년 7월 14일 10:49
감지된 SKILL.md 언어
영어
스타
143,193
포크
34,872

설치 방법

기본적으로 소스를 먼저 확인하는 Prompt가 선택됩니다. 직접 명령으로 전환하거나 로컬 사본을 다운로드할 수도 있습니다.

소스 파일 검토

설치 여부를 결정하기 전에 SKILL.md와 SkillsMP에 표시된 보조 파일을 읽어 보세요.

파일 탐색기
2 개 파일

SKILL.md 표시 중

SKILL.md
소스 지침 · 읽기 전용 미리보기
name
react-sync
description
Build local React changes in the bundle variants consumed by Next.js, sync them into a local Next.js checkout, and test the resulting integration. Use when working on React changes that need validation in Next.js, or when asked to run buildForNext, pnpm sync-react, or synchronize a React checkout with Next.js.
metadata
{"internal":true}
# Sync React to Next.js Use this skill when syncing a local React checkout into this Next.js checkout. ## Build and sync 1. Build React from its own checkout. Pass this skill's script by its absolute path, because the working directory must be the React repository. ```bash cd <react-repo> bash <next-repo>/.agents/skills/react-sync/scripts/build-for-next.sh ``` This creates `build/oss-stable` and `build/oss-experimental` with the bundle variants that Next.js consumes. 2. Sync the build into Next.js: ```bash cd <next-repo> PATH="$(dirname "$(command -v corepack)"):$PATH" \ pnpm sync-react --version <react-repo> ``` Work around a Codex `PATH`-precedence bug by keeping the directory containing the active Corepack shim first on `PATH`. Codex injects a separate bundled `pnpm` executable ahead of the user's Corepack shim, and command lookup happens before Corepack reads the repository's `packageManager` field. The prefix makes both this command and `sync-react`'s nested `pnpm install` resolve through Corepack to the repository-pinned pnpm version. Invoking only the outer command with `corepack pnpm` is insufficient because the nested command still resolves `pnpm` from `PATH`. 3. Inspect the sync result before testing. Preserve unrelated changes in both checkouts. Rebuild Next.js when required, then run the focused test command matching the changed behavior. ## Related Skills - `$react-vendoring` - vendored React runtime and type boundaries after syncing.
GitHub에서 보기