react▌

Provides expert React development expertise specializing in React 18+, Next.js ecosystem, and modern React patterns. Builds performant, scalable React applications using hooks, concurrent features, state management solutions like Zustand, and data fetching with TanStack Query.

Comprehensive performance optimization guide for React and Next.js applications, maintained by Vercel. Contains 69 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.

Problem: Causes all nodes to re-mount on every render.

React client for connecting to Rivet Actors with hooks and realtime state management. \n \n Create typed hooks with createRivetKit() and connect to actor instances using useActor() with keys and optional parameters \n Subscribe to actor events with useEvent() and monitor connection lifecycle through connStatus and error states \n Use createClient() for stateless one-off calls, actor discovery methods (get, getOrCreate, create, getForId), and low-level HTTP/WebSocket access \n Supports compound a

Deploy applications and websites to Vercel with automatic git integration and preview URLs. \n \n Supports three deployment paths: git-push (ideal for linked projects), direct CLI deployment, and no-auth fallback for sandboxed environments \n Automatically detects project state (linked via .vercel/project.json or .vercel/repo.json , git remote presence, CLI authentication) and chooses the best deployment method \n Handles team selection for multi-team accounts and uses --scope to deploy to the c

Build and send HTML emails using React components with client-safe styling and preview testing. \n \n Component-based email development with TypeScript support, featuring core layout components (Html, Body, Container, Section, Row, Column) and content elements (Heading, Text, Button, Image, CodeBlock) \n Tailwind CSS styling via the Tailwind component with pixel-based preset; table-based layouts required for email client compatibility \n Local dev server preview at localhost:3000 with live editi

Upgrade React applications to latest versions, migrate class components to hooks, and adopt concurrent features. \n \n Covers version upgrade paths (React 16→17→18) with breaking changes, class-to-hooks migration patterns, and concurrent features like Suspense, transitions, and automatic batching \n Includes ready-to-run codemods for automating unsafe lifecycle renames, import updates, and class-to-function conversions \n Demonstrates performance optimization techniques using useMemo, useCallbac