“react”

Apply prioritized React and Next.js performance practices for data fetching, bundle size, server rendering, client state, re-renders, and JavaScript execution.

Review and write React code through render boundaries, state ownership, hot paths, and justified memoization.

Build component behavior and presentation.

Build production React Native apps with Expo, navigation, native modules, offline sync, and cross-platform patterns.

Compute React Flow (@xyflow) canvas geometry correctly — edge label anchors, bezier control points, handle coordinates, node bounds — so labels and edges land…

React and Next.js performance optimization from Vercel Engineering.

Performs thorough code review for React 16 components focusing on performance, maintainability, testing, and security considerations.

React component patterns including hooks usage, memoization, and PatternFly component conventions.

Converts React components (.jsx/.tsx) into standalone Angular 17+ components using Angular Material.

Extract features, API contracts, and design system from React Native / Expo source code.

Use when writing, refactoring, or reviewing React/TypeScript components and hooks for correctness, maintainability, composition, or performance, including…

Implement Motion APIs, presence and lifecycle.

Expert guidance for building high-performance React applications with Monaco Editor integration.

Complete methodology for building production-grade React applications with architecture decisions, component design, state management, performance…

Automatic graph layout using dagre with React Flow (@xyflow/react).

Use when a React task involves visual design, accessibility, responsiveness, or frontend performance.

Generates an implementation plan and task breakdown for a Kanban application using Laravel (SQLite) and React (Vite).

Provides React patterns for hooks, effects, refs, and component design.

Beginner-friendly reverse-engineering workflow for React Native Reversing.

Define component boundaries, props and slots.

Reverse-engineering a Sketch file (or Figma export with similar shape) into pixel-perfect React + CSS — the iteration mental model, tree reconstruction…

React and Next.js performance optimization guidelines from Vercel Engineering.

Catalog of low-quality React anti-patterns, code smells, and exact step-by-step refactoring recipes to transform bad code into high-quality TypeScript/React.

Use for React TypeScript file-structure work involving ownership or folders for new or moved files, multi-file components with narrow public entries, page and…