react▌

23 performance optimization rules for React and Vite across build, code splitting, development, assets, environment, and bundle analysis. \n \n Covers six rule categories prioritized by impact: build optimization and code splitting (critical), development and asset handling (high), environment config and bundle analysis (medium) \n Includes route-based lazy loading with React.lazy() and Suspense, manual vendor chunk separation, and strategic prefetching patterns \n Provides recommended vite.conf

React Three Fiber (R3F) is a React renderer for Three.js that brings declarative, component-based 3D development to React applications. Instead of imperatively creating and managing Three.js objects, you build 3D scenes using JSX components that map directly to Three.js objects.

React and Next.js performance optimization guide with 64 prioritized rules across 8 categories. \n \n Organized by impact level, from critical waterfalls and bundle optimization down to advanced patterns, each rule includes incorrect/correct code examples and explanations \n Covers eight domains: async patterns, bundle size, server-side caching, client-side data fetching, re-render optimization, rendering performance, JavaScript efficiency, and advanced patterns \n Designed for use during compon

Structured performance optimization reference for React Native apps covering FPS, bundle size, TTI, and memory. \n \n Organized into 9 JavaScript/React guides (profiling, lists, animations, memory), 9 native optimization guides (Turbo Modules, threading, profiling), and 9 bundling guides (tree shaking, code splitting, size analysis) \n Each reference follows a hybrid format with quick patterns/commands, impact ratings (CRITICAL/HIGH/MEDIUM), and deep-dive explanations with prerequisites and comm

Performance and architecture patterns for React Native + Expo apps. Rules ranked by impact — fix CRITICAL before touching MEDIUM.

Specialized workflow for building React and Next.js 14+ applications with modern patterns including App Router, Server Components, TypeScript, and Tailwind CSS.

41 performance optimization rules for React Hook Form across form configuration, field subscription, validation, and component integration. \n \n Organized into 8 priority-ranked categories (form configuration and field subscription marked CRITICAL) with prefixed rule identifiers for automated refactoring and code generation \n Covers useForm setup, watch/useWatch patterns, useController isolation, validation resolver caching, useFieldArray best practices, and formState subscriptions \n Includes

Automated React codebase scanner that detects security, performance, correctness, and architecture issues. \n \n Generates a 0-100 diagnostic score with actionable findings across four categories: security vulnerabilities, performance bottlenecks, correctness errors, and architectural problems \n Designed for post-change workflows: run after code modifications, fix flagged issues, then re-run to verify improvements \n Supports verbose output and diff mode to highlight changes between scans \n Id

Integration patterns for Laravel, Inertia.js, and React full-stack development. \n \n Covers 30+ rules across 7 categories: page components, forms with useForm, navigation, shared data, persistent layouts, file uploads, and advanced patterns \n Includes TypeScript typing for page props, form validation error handling, and authentication state management \n Provides complete code examples for controllers, middleware, components, and layout assignment patterns \n Prioritizes critical patterns (pag

React composition patterns for scaling components and avoiding boolean prop proliferation. \n \n Covers four priority categories: component architecture, state management, implementation patterns, and React 19 APIs, each with specific rules and code examples \n Includes 10+ named patterns addressing compound components, context providers, state lifting, and explicit variants \n Designed for refactoring bloated components, building reusable libraries, and reviewing component architecture decision