react-vendoring

Manage React vendoring and enforce react-server layer boundaries.

1|Updated Mar 13, 2026

Search Tags:#react #app router #turbopack #vendoring #type declarations #entry-base.ts

Ready to run

npx skills add https://github.com/daithang59/docvault --skill react-vendoring

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: react-vendoring
Source: https://github.com/daithang59/docvault/tree/main/.agent/skills/react-vendoring
Command: npx skills add https://github.com/daithang59/docvault --skill react-vendoring

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses the complexities of managing React's vendored versions within the project, ensuring correct imports and layer boundaries, especially for the App Router.

Core Features & Use Cases

Vendored React Management: Handles React resolution for App Router (not from node_modules) and Pages Router.
Boundary Enforcement: Ensures all react-server-dom-webpack/* imports go through entry-base.ts.
Type Declaration Updates: Guides on adding type declarations for new React APIs.
Turbopack Compatibility: Explains Turbopack's remapping of react-server-dom-webpack to react-server-dom-turbopack.

Quick Start

Use the react-vendoring skill when modifying entry-base.ts or compiled react packages.

Frequently Asked Questions about react-vendoring

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

FAQPage Schema

How do I manage React vendoring for the App Router instead of using node_modules?▼

React vendoring for the App Router is managed by resolving React from a compiled internal package rather than node_modules. You modify entry-base.ts and update taskfile.js copy_vendor_react tasks to ensure correct import paths.

Why does Turbopack remap react-server-dom-webpack imports?▼

Turbopack remaps react-server-dom-webpack to react-server-dom-turbopack for compatibility. This Skill ensures these imports go through entry-base.ts to enforce react-server layer boundaries and maintain correct module resolution.

How do I add type declarations for new React APIs in a vendored setup?▼

To add type declarations for new React APIs in a vendored React setup, you update the compiled internal type declarations. This Skill guides modifications to compiled react packages and entry-base.ts to ensure correct type resolution.

What are react-server layer boundaries and how do I enforce them?▼

React-server layer boundaries enforce that all react-server-dom-webpack imports route through entry-base.ts. This Skill manages those boundaries by validating import paths across compiled react packages and the App Router.

When do I need to update entry-base.ts for React vendoring?▼

You need to update entry-base.ts when modifying compiled react packages, adjusting internal type declarations, or running taskfile.js copy_vendor_react tasks. It ensures correct import paths for vendored React and react-server-dom-webpack modules.