react-compiler-rules
CommunityRender-purity rules for React Compiler
Authormatthewharwood
Version1.0.0
Installs0
System Documentation
What problem does it solve?
The React Compiler purity rules require that render functions remain pure and free of side effects. They prevent manual memoization tricks and ensure side-channel code runs only in effects, preserving predictable rendering in dean-stack apps.
Core Features & Use Cases
- Enforce no manual memoization via useMemo/useCallback/React.memo; allow the Compiler to handle performance optimizations.
- Separate side channels (anime.js, PixiJS) from render; use useAnime/usePixiApp hooks in useEffect.
- Clarify Jotai usage: hooks in render are treated as pure subscribers; avoid using them to drive render mutations.
- Provide alignment with the CLI-gate linting rules; fail gates on render purity violations.
Quick Start
Run the code audit with React Compiler enabled and remove manual memoization to rely on compiler-driven memoization.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: react-compiler-rules Download link: https://github.com/matthewharwood/dean-stack/archive/main.zip#react-compiler-rules Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.