react▌

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

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.

Comprehensive performance optimization and best practices for React applications, designed for AI agents and LLMs working with React code.

Install and configure Sentry in React Native projects using the official wizard CLI.

Load with: base.md + typescript.md

Type-safe React with TypeScript. Contains 33 rules across 7 categories covering component typing, hooks, event handling, refs, generics, context, and utility types.

React Native renderer that converts JSON specs into native mobile component trees with standard components, data binding, visibility, actions, and dynamic props.