react▌

GSAP integration for React with lifecycle-aware hooks, ref patterns, and automatic cleanup. \n \n useGSAP hook handles component lifecycle, scoped selectors, dependency tracking, and automatic animation cleanup on unmount \n Supports single and multiple element refs, dynamic lists, and timeline management with play/pause/restart controls \n contextSafe wrapper for event handlers ensures animations respect React's context and prevent memory leaks \n Includes ScrollTrigger integration, custom anim

Principles for building production-ready React applications.

Create robust cross-platform mobile applications using React Native with modern development patterns including navigation, state management, API integration, and native module handling.

Comprehensive performance optimization guide for React and Next.js applications, maintained by Vercel. Contains 64 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.

Memoization, code splitting, and virtualization patterns for optimizing React application performance. \n \n Covers four core optimization techniques: memoization (React.memo, useMemo, useCallback), code splitting with lazy/Suspense, virtualization for large lists, and state management strategies to minimize render cascades \n Includes React 18+ concurrent features (useTransition, useDeferredValue) for improved responsiveness and perceived performance \n Provides profiling workflow using React D

Complete development guidelines for building maintainable, scalable applications with Next.js, React, Redux Toolkit, and TypeScript.

Comprehensive performance optimization guide for React and Next.js applications, maintained by Vercel. Contains 45 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.

sentry-react-native-sdk

React UI patterns for loading states, error handling, and async data in components. \n \n Three core patterns: show loading indicators only when data is absent, always surface errors to users, and disable buttons during async operations to prevent duplicate submissions \n Includes decision trees and component examples for skeleton vs. spinner selection, error state hierarchy (inline, toast, banner, full screen), and empty state requirements for all collections \n Covers form submission workflows

Build smooth 60fps animations combining Reanimated 3, Gesture Handler, and layout transitions. \n \n Master Reanimated's shared values, animated styles, and timing functions (withSpring, withTiming, withDecay) for declarative animations \n Handle complex gestures like pan, pinch, and rotation using Gesture Handler, then synchronize them with animations via shared values \n Implement entering/exiting animations and layout transitions using FadeIn, FadeOut, and Layout.springify() for dynamic lists