“react”

React + Vite SPA development patterns including project setup, configuration, and optimization.

Use when 需要把现有 React、Vite、Next.js、V0 或 AI Studio 页面转换为 Figma Make 可导入的 .fig 资产，或补齐、更新、验证已有 Figma Make 导出壳和 canvas.fig。

Convert Stitch designs into production React + Vite dashboards with TanStack Query, accessible tokens from DESIGN.md, and Web3-ready patterns (ethers/viem).

React / JSX / TSX / .jsx / .tsx 実装を書く前に、コンポーネント設計、Atomic Design を補助観点にした UI 分割、hooks、props、state、UI 実装の責務分離を確認するときに使う。

Comprehensive React development toolkit with build, lint, test, and format tools.

Comprehensive React 19 patterns expert covering Server Components, Actions, use() hook, useOptimistic, useFormStatus, useFormState, React Compiler, concurrent…

Next.js and React best practices: App Router, Server Components, SSR, performance.

Provides React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations.

Use when writing, reviewing, or refactoring TypeScript or React code for craftsmanship — naming, function and component shape, error handling, data modeling…

Activate when: context.json framework includes "react-native", or package.json contains "expo" or "react-native".

Builds React 18+ and TypeScript UI for this project—components, Material-UI, Zustand, React Query, and REST API integration.

Review and improve React code using clean code and React best practices.

Scans React code for anti-patterns.

Resolves React hook violations (rules of hooks, useEffect dependencies, hook ordering).

React vendoring and react-server layer boundaries.

Use when writing or modifying React components, planning React features, or working with .jsx/.tsx files - provides modern React patterns with TypeScript…

React Native renderer for json-render that turns JSON specs into native mobile UIs.

Assesses whether and how an existing mobile product should migrate to React Native.

Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query.

React Navigation setup, typed routes, navigator structure, deep linking, and navigation actions.

React and Next.js performance optimization guidelines (Vercel Engineering, 70 rules across 8 categories).

Developing React components in the Punkt design system (@oslokommune/punkt-react).

React Native mobile patterns, platform-specific code

Use when creating HTML email templates with React components - welcome emails, password resets, notifications, order confirmations, newsletters, or…