react▌

A senior-level guide for building production-ready React Single Page Applications (SPAs) with Vite.

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.

Write and review React Native component tests using Testing Library v13 and v14. \n \n Covers render patterns, screen queries (getBy/getAllBy/queryBy/findBy variants), Jest matchers, userEvent interactions, fireEvent, and async patterns with version-specific behavior \n Automatically detects your project's RNTL version (v13 for React 18, v14 for React 19+) and applies correct API signatures and sync/async rules \n Provides query priority guidance (getByRole first), interaction best practices (us

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.

Interactive node-based graph visualization and workflow editor for React applications. \n \n Provides built-in node types (default, input, output, group) and edge types (bezier, straight, step, smoothstep) with full customization via custom components \n Includes Handle components for connection points, NodeProps and EdgeProps for typed custom nodes and edges, and EdgeLabelRenderer for interactive labels \n Offers programmatic control through useReactFlow hook for viewport management (fitView, z

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