react-render-types-composition

What problem does it solve?

Enforces React component composition constraints by using @renders type annotations, helping teams prevent invalid child rendering and enforce design-system contracts at lint time.

Core Features & Use Cases

• Constrained children and slot props using @renders annotations to validate permissible component trees.
• Wrapper and transparent-component patterns to compose layouts without breaking render-type checks.
• Advanced techniques including unions, type aliases, render chains, and unchecked modifiers to handle complex rendering scenarios across apps.

Quick Start

Annotate your components with @renders to declare allowed render targets and use transparent wrappers to compose layouts while keeping type safety.