Claude Rules for React

CLAUDE.md rules for React development. Covers hooks usage, component architecture, state management libraries, and React-specific coding conventions.

20 rules matching React

React CLAUDE.md Rules

React is everywhere, but no two React codebases look the same. Some use class components, most use hooks; some use Redux, others Zustand or Jotai; some prefer controlled forms, others go uncontrolled with refs. Without explicit rules, Claude Code defaults to whichever pattern was most common in its training data, which often clashes with what your project actually uses. A React-focused CLAUDE.md tells Claude exactly which conventions to follow: functional vs class components, which state library is in play, naming conventions for files and components, when memoization is required, and which prop-typing approach the team has adopted. The React CLAUDE.md rules in this directory come from open-source projects across the ecosystem — UI libraries, dashboards, AI-powered apps, and tooling — so you can compare how teams encode their conventions and adapt patterns to your own repo.

📋

Mindx CLAUDE.md

by @DotNetAge

一个可自主进化的数字化分身

ReactTypeScriptPythonTailwind CSSGo
📋

Claude Codex Settings CLAUDE.md

by @fcakyon

My personal Claude Code and OpenAI Codex setup with battle-tested skills, plugins, hooks and agents that I use daily.

ReactPythonMongoDBSupabase
📋

Sandbox Agent CLAUDE.md

by @rivet-dev

Run Coding Agents in Sandboxes. Control Them Over HTTP. Supports Claude Code, Codex, OpenCode, and Amp.

ReactTypeScriptRustDocker
📋

Claude Skills CLAUDE.md

by @Jeffallan

66 Specialized Skills for Full-Stack Developers. Transform Claude Code into your expert pair programmer.

ReactTypeScriptPython
📋

Opentrace CLAUDE.md

by @opentrace

OpenTrace is a knowledge graph platform that maps system architecture, code structure, and service relationships giving you a visual, queryable map of how your

ReactTypeScriptPythonJavaScript
📋

Dspy Demo CLAUDE.md

by @mahm

CLAUDE.md for the Dspy Demo project (Python).

ReactPython
📋

Quickwit CLAUDE.md

by @quickwit-oss

Cloud-native search engine for observability. An open-source alternative to Datadog, Elasticsearch, Loki, and Tempo.

ReactPythonRustDockerPostgreSQLAWS
📋

PocketWatch CLAUDE.md

by @viperrcrypto

CLAUDE.md for the PocketWatch project (TypeScript).

Next.jsReactTypeScriptRustPrismaPostgreSQLTailwind CSS
📋

OmoiOS CLAUDE.md

by @kivo360

Spec-driven multi-agent orchestration — autonomous development workforce powered by Claude & OpenHands

Next.jsReactPythonFastAPIDockerPostgreSQLRedisTailwind CSS
📋

Llm Driven System Design CLAUDE.md

by @evgenyvinnik

Collection of the system designs driven by LLMs

ReactTypeScriptPythonRustNode.jsJavaDockerKubernetes
📋

React Joyride CLAUDE.md

by @gilbarbara

Create guided tours in your apps

Next.jsReactTailwind CSSTypeScript
📋

Thepopebot CLAUDE.md

by @stephengpope

The Pope Bot is an autonomous AI agent that you can configure and build to do just about anything you want, all day, everyday, 24/7.

Next.jsReactDockerTailwind CSSJavaScript
📋

TORCH Glare CLAUDE.md

by @TORCH-Corp

An open-source React UI library featuring accessible, elegant components — seamlessly styled with Tailwind CSS and fully extensible.

ReactTypeScriptTailwind CSS
📋

Remilama CLAUDE.md

by @kawasima

Realtime online document review system

ReactNode.jsTailwind CSSJavaScript
📋

MacDirStat CLAUDE.md

by @phalladar

Free, open-source disk space analyzer for macOS. WinDirStat for Mac in 2026. Interactive treemap visualization, fast BSD-level scanning, native SwiftUI app. Fin

ReactSwift
📋

Claude Code Webui CLAUDE.md

by @sugyan

Web-based interface for Claude CLI with streaming chat responses

ReactTypeScriptNode.jsTailwind CSS
📋

Lightning Mpp Sdk CLAUDE.md

by @buildonspark

Lightning MPP SDK

ReactTypeScript
📋

Ag Ui 4j CLAUDE.md

by @Work-m8

AG-UI 4 Java

ReactJavaSpring Boot
📋

Stratal CLAUDE.md

by @strataljs

A modular framework for building Cloudflare Workers with dependency injection, OpenAPI documentation, queues, cron jobs, and more.

ReactPostgreSQLTypeScript
📋

Elics CLAUDE.md

by @elixr-games

lightweight, flexible ECS for web games

ReactTypeScript

Why add React rules to your CLAUDE.md?

React projects vary enormously — functional vs class components, which state library you use, how you handle forms, and whether you prefer controlled or uncontrolled inputs. Adding React-specific CLAUDE.md rules ensures Claude writes components that match your existing codebase style rather than defaulting to whichever pattern happened to be popular when it was trained.