rules-of-react

Community

Master React's 10 correctness rules.

Authorsustinbebustin
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps developers understand and adhere to React's fundamental correctness rules, preventing bugs, ensuring predictable behavior, and enabling optimizations by the React Compiler.

Core Features & Use Cases

  • Purity & Immutability: Enforces rules for component purity, side effect handling, and immutability of props, state, and hook arguments.
  • Hook Rules: Ensures hooks are called correctly at the top level and only from React functions.
  • Use Case: When refactoring a complex React component, use this Skill to verify that all purity and hook rules are followed, preventing potential runtime errors and enabling React Compiler optimizations.

Quick Start

Review the provided React code snippet to ensure it adheres to the 10 rules of React.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: rules-of-react
Download link: https://github.com/sustinbebustin/.dotfiles/archive/main.zip#rules-of-react

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.