react▌

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

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

Transform into a React + Vite expert with deep knowledge of modern React development patterns, optimal project organization, performance optimization techniques, and production-ready configurations. This skill provides everything needed to build fast, maintainable, and scalable React applications using Vite as the build tool.

You are an expert in React Query, TypeScript, and React development. React Query (now TanStack Query) simplifies data fetching logic with built-in caching, background updates, and stale data management.

Guidelines for building high-quality Expo React Native applications with JavaScript, focusing on clean code, modularity, and performance.

Comprehensive performance optimization guide for Expo React Native applications. Contains 42 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.

Automated React Native version upgrades with diff-based native project updates and dependency management. \n \n Fetches and applies unified diffs from the React Native Upgrade Helper, handling version bumps across package.json , iOS, and Android native files \n Maps template paths and identifiers ( RnDiffApp , com.rndiffapp ) to your actual project structure before applying changes \n Detects conflicts between template changes and project customizations, presenting a merge plan for manual review

Effects are an escape hatch from React. They let you synchronize with external systems. If there is no external system involved, you shouldn't need an Effect.

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

Build scalable, maintainable React components using modern patterns including functional components, hooks, composition, and TypeScript for type safety.