react▌

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

Accessible React component library built on Tailwind CSS v4 and React Aria with compound component patterns. \n \n Provides 20+ pre-built components (Button, Modal, Form, Card, TextField, etc.) using compound composition syntax ( Card.Header , Card.Content ) \n Requires Tailwind CSS v4 and uses CSS variables with oklch color space for theme customization; no provider wrapper needed in v3 \n Semantic variant system ( primary , secondary , tertiary , danger , ghost , outline ) for consistent inten

React and Next.js performance optimization guidelines across 45 rules in 8 priority categories. \n \n Covers critical waterfalls elimination, bundle size optimization, and server-side performance with specific patterns like Promise.all, dynamic imports, and React.cache() \n Includes medium-priority rules for re-render optimization, rendering performance, and JavaScript efficiency with concrete code examples \n Organized by impact level with prefixed rule names (async-, bundle-, server-, client-,

$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

Cross-platform mobile apps with React Native styling, navigation, and performant Reanimated animations. \n \n Covers StyleSheet patterns, dynamic styling, Flexbox layouts, and platform-specific designs for iOS and Android \n Includes React Navigation 6+ setup for stack and tab navigators with type-safe route definitions \n Provides Reanimated 3 fundamentals including shared values, animated styles, and Gesture Handler integration for drag interactions \n Features best practices for performance (

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

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.