react▌

Comprehensive performance optimization guide for React and Next.js applications with 40+ rules organized by impact level. Designed to help developers eliminate performance bottlenecks and follow best practices.

Type-safe React = compile-time guarantees = confident refactoring.

Identify render hotspots, isolate expensive updates, and apply targeted optimizations without changing UI behavior.

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

Use this skill for changes touching vendored React, react-server-dom-webpack/*, or react-server layer boundaries.

sentry-react-sdk

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

Expert guidance for building type-safe Expo React Native applications with modern best practices. \n \n Covers TypeScript standards, functional component patterns, and strict mode configuration with interfaces over types \n Includes responsive design strategies using Flexbox, dark mode support, and accessibility standards via ARIA roles \n Addresses performance optimization through image lazy loading, code splitting with Suspense, and state management with Context/Zustand \n Provides error handl

Convert JSON specifications into type-safe React component trees with state management and dynamic expressions. \n \n Supports declarative UI specs with element trees, two-way data binding via $bindState , conditional rendering, and computed expressions \n Built-in state management through StateProvider with optional external store integration (Redux, Zustand, XState) and JSON Pointer-based state paths \n Event system with action dispatching, state watchers, and four built-in actions: setState ,