setup-react-compiler
Setup React Compiler
What This Sets Up
- babel-plugin-react-compiler with rsbuild
- PostToolUse hook flags:
useMemo/useCallback/React.memo(compiler handles it), derived-state-via-useEffect,useRefas memo cache 'use no memo'escape hatch + auto-skip component library dirs- Annotation mode (
REACT_COMPILER_MODE=annotation) for brownfield: only flags in files with"use memo"
See REFERENCE.md for post-compiler coding rules.
Steps
1. Install
bun add -D babel-plugin-react-compiler @rsbuild/plugin-babel --yarn
2. Configure rsbuild
More from malinskibeniamin/skills
setup-react-rules
Enforce React/TS/security rules via PostToolUse hooks — bans raw HTML, TS escape hatches, XSS vectors, barrel imports, missing passive listeners. Use when enforcing React patterns or component library standards.
9setup-biome
Install Biome linter with Ultracite preset, create biome.jsonc config, and configure Claude Code Stop hook for auto-fix before finishing. Use when setting up linting, formatting, Biome, Ultracite, or code quality enforcement.
9setup-quality-gate
Add quality:gate package.json script for fast local/CI quality checks (biome + tsgo + related tests), GitHub Actions workflow, and Stop hook for type checking. Use when setting up quality gates, CI pipelines, or pre-push validation.
9setup-connect-query
Enforce ConnectRPC + Connect Query + Protobuf v2 patterns via PostToolUse hooks. Bans raw useQuery, empty invalidateQueries, $typeName literals. Use when setting up ConnectRPC, protobuf type safety, or data fetching enforcement.
8work-automation-kit
Install planning and project management skills — PRD creation, implementation planning, issue breakdown, bug triage, code review. Use when setting up project planning workflows or creating PRDs.
8setup-zustand
Enforce zustand best practices via PostToolUse hooks — double-parens create, useShallow selectors, persist middleware. Use when setting up zustand enforcement or preventing re-render issues.
8