react-vendoring

Enforce React vendoring boundaries through entry-base.ts in Next.js react-server workflows.

Updated Apr 7, 2026
One-click install
npx skills add https://github.com/villa1/backupshop --skill react-vendoring-villa1
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: react-vendoring
Source: https://github.com/villa1/backupshop/tree/main/.agents/skills/react-vendoring
Command: npx skills add https://github.com/villa1/backupshop --skill react-vendoring-villa1

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

React vendoring and boundary enforcement for the react-server layer in Next.js, ensuring correct handling of vendored React code, channels, and type declarations.

Core Features & Use Cases

  • Vendoring boundaries for React, ensuring all react-server-dom-webpack/* imports pass through entry-base.ts
  • Clear guidance for App Router vendoring, entry-base boundary rules, and type declarations
  • ESLint suppression guidelines and Turbopack remap considerations to prevent runtime issues

Quick Start

Edit entry-base.ts and related react-server code when modifying vendored React to ensure boundary correctness and proper channel usage.

Frequently Asked Questions about react-vendoring

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I enforce safe vendoring boundaries for React in Next.js?

To enforce safe vendoring boundaries for React in Next.js, ensure all react-server-dom-webpack/* imports pass through entry-base.ts and comply with ESLint rules to maintain correct react-server workflow separation.

Why does my Turbopack remap break when updating react-server boundaries?

Turbopack remap breaks during react-server boundary updates occur when imports bypass entry-base.ts. Route all react-server-dom-webpack/* imports through this boundary file to prevent runtime issues and maintain remap stability.

What are the ESLint suppression guidelines for vendored React code?

ESLint suppression guidelines for vendored React code dictate applying boundary rules to entry-base.ts modifications. Proper suppression prevents runtime issues while ensuring react-server-dom-webpack/* imports comply with Turbopack remap behavior and type declarations.

Do I need to modify taskfile.js when updating App Router vendoring?

Updating App Router vendoring involves modifying taskfile.js when adjusting react-server boundaries. This ensures correct handling of vendored React channels, type declarations, and entry-base.ts boundary rules within the Next.js react-server workflow.

Can I import react-server-dom-webpack directly without using entry-base.ts?

Importing react-server-dom-webpack/* directly without entry-base.ts violates vendoring boundary control. You must pass these imports through entry-base.ts to comply with ESLint rules and ensure correct Turbopack remap behavior in Next.js.

What is react-server vendoring and when do I need to manage its boundaries?

React-server vendoring is the process of managing internal React code boundaries for Next.js's react-server layer. You need to manage these boundaries when editing entry-base.ts, updating type declarations, or modifying react-server-dom-webpack channels to prevent runtime issues.