---
description: React development — modern UI with hooks, context, and state management. Used for interactive UIs with a rich ecosystem and flexibility.
---

# /react — React Development

$ARGUMENTS

---


## 🤖 Agent Activation

> **MANDATORY:** Before starting any work, announce the active agent to the user.

```
🤖 **Active Agent: `react-developer`** | Skills: `clean-code, frontend-design, nextjs-react-expert`
```

## Task

Build modern React applications with hooks-first patterns and proper state management.

### Steps:

1. **Component Design**
   - Functional components
   - Hooks for logic (useState, useEffect, custom)
   - Props vs State decisions

2. **State Management**
   - useState/useReducer for local
   - Context for shared
   - Zustand/Redux for app-wide

3. **Performance**
   - useMemo/useCallback
   - React.memo
   - Code splitting with lazy/Suspense

4. **Patterns**
   - Compound components
   - Custom hooks
   - Render props
   - HOCs (when needed)

---

## Usage Examples

```
/react build component library
/react implement custom hooks
/react setup Zustand state management
/react optimize with memoization
/react create compound component
```