react▌

React UI patterns for loading states, error handling, and async data in components. \n \n Three core patterns: show loading indicators only when data is absent, always surface errors to users, and disable buttons during async operations to prevent duplicate submissions \n Includes decision trees and component examples for skeleton vs. spinner selection, error state hierarchy (inline, toast, banner, full screen), and empty state requirements for all collections \n Covers form submission workflows

sentry-react-native-sdk

Interactive node-based graph visualization and workflow editor for React applications. \n \n Provides built-in node types (default, input, output, group) and edge types (bezier, straight, step, smoothstep) with full customization via custom components \n Includes Handle components for connection points, NodeProps and EdgeProps for typed custom nodes and edges, and EdgeLabelRenderer for interactive labels \n Offers programmatic control through useReactFlow hook for viewport management (fitView, z

Build smooth 60fps animations combining Reanimated 3, Gesture Handler, and layout transitions. \n \n Master Reanimated's shared values, animated styles, and timing functions (withSpring, withTiming, withDecay) for declarative animations \n Handle complex gestures like pan, pinch, and rotation using Gesture Handler, then synchronize them with animations via shared values \n Implement entering/exiting animations and layout transitions using FadeIn, FadeOut, and Layout.springify() for dynamic lists

45 React and Next.js performance rules organized by impact, from eliminating waterfalls to advanced patterns. \n \n Covers 8 priority categories spanning async optimization, bundle size, server/client data fetching, re-renders, rendering, JavaScript performance, and advanced patterns \n Each rule includes explanation, before/after code examples, and context; rules prefixed by category (e.g., async- , bundle- , server- ) for easy reference \n Prioritizes critical issues like waterfall elimination

Type-safe React 18–19 patterns with compile-time guarantees for components, hooks, events, and routing. \n \n Covers React 19 breaking changes: ref as prop (no forwardRef), useActionState for forms, use() for promise unwrapping, and Server Components with async data fetching \n Specific event typing (MouseEvent, ChangeEvent, KeyboardEvent, etc.) and discriminated unions for variant props eliminate runtime surprises \n Generic component patterns with constrained types for reusable Tables, Lists,

Modern React 19 patterns for Server Components, Actions, concurrent features, and TypeScript development. \n \n Covers core hooks (useState, useEffect, useRef, useMemo, useCallback) with TypeScript typing and custom hook extraction patterns \n Includes React 19 features: use() hook, useOptimistic, useFormStatus, useFormState, Server Actions, and Server Components with mixed architecture examples \n React Compiler automatic optimization eliminates manual memoization; includes setup, configuration

React Native and Expo best practices for performant mobile apps across list rendering, animations, navigation, and native modules. \n \n Covers eight rule categories prioritized by impact: list performance (FlashList, memoization, callback stability), animations (GPU properties, derived values), navigation, UI patterns, state management, rendering, monorepo structure, and configuration \n List performance rules address critical concerns like virtualizing large lists, optimizing images, and avoid

Audit UI code against Vercel's Web Interface Guidelines for design and accessibility compliance. \n \n Fetches the latest guidelines from a remote source before each review, ensuring rules stay current \n Accepts file paths or patterns as arguments; prompts for files if none provided \n Outputs findings in a terse file:line format for quick scanning and remediation \n Covers design, accessibility, and UX best practices as defined in the guidelines repository \n

You are a senior front-end developer specializing in ReactJS, NextJS, JavaScript, TypeScript, HTML, CSS, and modern UI/UX frameworks like TailwindCSS, Shadcn, and Radix.