setup-react-compiler

What problem does it solve?

This Skill helps teams set up React Compiler tooling with rsbuild and Babel plugin integration to enforce compiler-friendly patterns, catch anti-patterns early, and standardize post-render optimization.

Core Features & Use Cases

• Babel-plugin integration: Wire React Compiler with rsbuild to automate code checks at build time.
• PostToolUse hooks: Enable flags for memoization controls, derived-state checks, and useRef best practices.
• Brownfield support: Annotate existing codebases to progressively adopt compiler rules via annotation mode.
• Library tooling: Add 'use no memo' directives in component libraries to avoid unnecessary memoization.
• Use Cases: Teams aiming to enforce performance-safe patterns in large React codebases.

Quick Start

Install and configure the tooling to start enforcing memoization and derived-state rules in your project.