react▌

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 ,

Comprehensive React component testing with Jest and React Testing Library covering configuration, mocking, async patterns, and best practices. \n \n Covers Jest configuration for JavaScript and TypeScript projects, including setup files, module mapping, and coverage thresholds \n Provides query strategies prioritizing accessibility (getByRole, getByLabelText) and explains getBy, queryBy, and findBy variants \n Includes mocking patterns for modules, functions, API calls via MSW, context, and chil

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

Prescriptive workflow for incremental adoption of React Native in existing native apps using @callstack/react-native-brownfield, from initial setup through phased host integration.

Authentication for React SPAs using Auth0 Universal Login with redirect-based flows. \n \n Supports React 16–19 with Vite or Create React App; wraps your app with Auth0Provider and exposes hooks like useAuth0() , loginWithRedirect() , and logout() \n Handles user sessions, access tokens, and profile data automatically; SDK manages secure token storage without manual localStorage handling \n Includes protected routes, API token injection, and error handling patterns documented in the integration

Core React patterns for component design, state management, and optimization.

Modern React patterns and best practices for production applications. \n \n Covers component design principles, hook extraction patterns, and state management selection across complexity levels from simple useState to global stores like Zustand and Redux Toolkit \n Includes React 19 patterns with new hooks (useActionState, useOptimistic, use) and compiler benefits for automatic memoization \n Provides composition patterns including compound components, render props vs hooks trade-offs, and highe

33 React performance and composition rules across bundle optimization, re-rendering, rendering, hooks, and component patterns. \n \n Covers 6 rule categories: bundle size optimization (barrel imports, conditional loading, preloading), re-render prevention (functional setState, derived state, memoization), rendering performance (content-visibility, hydration, transitions), client patterns (passive listeners, localStorage versioning), hooks best practices (limiting useEffect, named functions), and

45 performance optimization rules for React and Next.js, organized by impact from critical waterfalls and bundle size down to advanced patterns. \n \n Covers 8 rule categories prioritized by performance impact: eliminating waterfalls, bundle optimization, server-side performance, client-side data fetching, re-render optimization, rendering performance, JavaScript performance, and advanced patterns \n Each rule includes explanations, incorrect/correct code examples, and context to guide automated