# React

> Modern React 18/19 patterns and practices.

- Skill: `luissambrano/react` (Agent Skill)
- Install (CLI): `npx skillmds@latest add luissambrano/react`
- Raw SKILL.md: https://api.skillmd.com/api/skills/luissambrano/react/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: LuisSambrano (https://skillmd.com/u/luissambrano)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/luissambrano/react

---


# React Master Protocol

## Architecture
- Use Server Components by default in Next.js.
- Isolate client state inside `use client` boundary components at the deepest possible tree level.

## State Management
- Prefer Zustand for global state. Avoid Redux.
- Keep component state flat.

## Patterns
- Separate logic from UI via custom hooks (`use...`).
- Strictly adhere to exhaustive deps in `useEffect`.