react▌

Sentry error monitoring, session replay, and tracing for React applications. \n \n Install @sentry/react and initialize via instrument.js (imported first in your entry point) with DSN configuration \n Supports error capture via React 19+ error hooks or ErrorBoundary component for earlier versions \n Includes browser tracing, session replay, and Redux integration; router integrations available for React Router (v4–v7) and TanStack Router \n Source map upload via @sentry/wizard enables readable st

45 performance optimization rules for React and Next.js, organized by impact and category. \n \n Covers 8 rule categories from eliminating waterfalls and bundle optimization (critical) through JavaScript performance and advanced patterns (low priority) \n Each rule includes explanation, before/after code examples, and context to guide automated refactoring and code generation \n Prioritized by impact: waterfalls and bundle size are critical; server-side performance and re-render optimization are

React hooks and components library for async state, reactive watching, lifecycle management, and error handling. \n \n Includes async hooks for state management and callbacks, watch hooks for reactive value tracking, and lifecycle utilities for component mounting \n Provides conditional rendering components (If/Else, Switch/Case) and error-safe hooks with built-in fallback behavior \n Offers advanced features: cross-component event bus, offset-based pagination, and fetch request/response interce

Full-stack React development with file-based routing, server/client rendering, data loading, and type-safe route modules. \n \n Supports file-based routing with nested routes, dynamic segments, and multiple rendering strategies (SSR, SPA, pre-rendering) \n Handles data loading via loader / clientLoader and mutations via action / clientAction with built-in form handling and optimistic UI \n Includes 10+ reference guides covering routing, data loading, actions, navigation, error boundaries, authen

tsx runs TypeScript + JSX files directly via Node with no config — no tsconfig.json needed. It uses esbuild under the hood and handles JSX transformation automatically.

Expert guidance for building Next.js applications with TypeScript, React Server Components, and modern UI libraries. \n \n Covers TypeScript best practices, functional component patterns, and Next.js App Router architecture with emphasis on Server Components over client-side rendering \n Recommends Shadcn UI, Radix UI, and Tailwind CSS for component building and responsive design using mobile-first approach \n Includes performance optimization strategies: dynamic loading, image optimization with

$23

45 performance rules for React and Next.js, organized by impact from waterfalls and bundle optimization down to advanced patterns. \n \n Covers 8 rule categories prioritized by impact: eliminating waterfalls (Promise.all, Suspense), bundle size (direct imports, dynamic loading), server-side caching, client-side deduplication, re-render optimization, rendering performance, JavaScript efficiency, and advanced patterns \n Each rule includes explanation, incorrect and correct code examples, and cont

Deploy and manage projects on Vercel using the CLI with token-based authentication, without relying on vercel login.

Keyword: react-grab · grab · element context · copy component to ai