react▌

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

You are an expert in React Query, TypeScript, and React development. React Query (now TanStack Query) simplifies data fetching logic with built-in caching, background updates, and stale data management.

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

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements). Use this skill whenever the user wants to add page transitions, animate route changes, create shared element animations, animate enter/exit of components, animate list reorder, implement directional (forward/back) navigation animations, or integrate view transitions in Next.js. Also use when the user mentions view

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

React useEffect best practices guide covering when to use Effects and superior alternatives. \n \n Teaches the escape-hatch nature of Effects: use only for synchronizing with external systems, not for derived state, expensive calculations, or user event responses \n Provides a decision tree and quick-reference table mapping common situations (data fetching, state derivation, prop changes) to the correct React pattern \n Covers when NOT to use Effects: transforming data for render, handling user