Results for “react-compiler”

React 2026

Builds React 18+ components, implements custom hooks, debugs rendering issues, migrates class components to functional, and manages state with Context, Redux, or Zustand. Covers React 19 Server Components, Suspense boundaries, useActionState forms, and performance optimization.

Provides React composition patterns to avoid boolean prop proliferation, covering compound components, state management, and React 19 API changes.

Use when writing or editing a React component. Covers preferred patterns for functional components, prop types, and styling.

Converts Stitch designs into modular Vite and React components, or syncs existing components to match updated designs.

Provides React composition patterns to avoid boolean prop proliferation, build flexible component libraries, and design reusable APIs, including React 19 changes.

Generate React Spectrum UI components for Adobe Experience Cloud Shell SPAs and AEM UI Extensions, including pages, forms, data tables, dialogs, and navigation.

Diagnose and fix automatic batching regressions in React 18 class components with a decision tree for setState behavior changes.

Generate and run Jest tests for Adobe App Builder actions and React Spectrum UI components, including unit, integration, contract, and component tests with mock helpers for Adobe SDKs.

Migrate React string refs (ref="name" + this.refs.name) to React.createRef() in class components for React 18.3.1 and 19 compatibility.

Scaffold React components following the Container/Presentation pattern under src/components, with TypeScript, Storybook, and SCSS conventions.

Create interactive, data-driven presentation slides using React, Vite, and Recharts with Sentry branding, built as a single distributable HTML file.

Use when building any val with a user interface — dashboards, web apps, landing pages, forms, admin tools, anything users see in a browser. Covers JSX/React conventions, Twind/Tailwind styling, React version pinning, the view-source link requirement, and what to avoid (template-string HTML, external assets).

Identify render hotspots, isolate expensive updates, and apply targeted React optimizations without changing UI behavior.

Converts Stitch designs into modular Vite and React components using system-level networking and AST-based validation.

Scaffold Next.js/React projects, generate components, analyze bundle sizes, and apply React/Next.js optimization patterns.

Provides idiomatic React 18/19 patterns for hooks, server/client components, Suspense, error boundaries, forms, data fetching, state management, and accessibility-first composition.

Compiles any research input — PDF papers, GitHub repositories, experiment logs, code directories, or raw notes — into a complete Agent-Native Research Artifact (ARA) with cognitive layer (claims, concepts, heuristics), physical layer (configs, code stubs), exploration graph, and grounded evidence. Use when ingesting a.

Build chat interfaces in React/Next.js with reusable components for messages, input, typing indicators, and avatars.

Use when Codex needs to generate or scaffold a React or Next.js component with clear props, state handling, Tailwind styling direction, accessibility, and file structure. Trigger on requests to create a component, page section, dashboard widget, form, modal, or reusable UI block.

Apply functional programming patterns with fp-ts in React, covering state management, form validation, and data fetching for React 18/19 and Next.js 14/15.

Compiles research inputs—PDFs, code, logs, notes—into structured Agent-Native Research Artifacts with cognitive and physical layers.

Type React components and hooks with TypeScript patterns. Use when typing React props, hooks, event handlers, or component generics in TypeScript.

Crea componentes React escalables con TypeScript, hooks y patrones de composición, cubriendo estados de carga, vacío, error y éxito, y decidiendo entre Server y Client Components.

Converts Stitch screen designs into production React components, fetching and caching assets locally, extracting design tokens, and archiving existing pages before replacement.

Build accessible React interfaces with Chakra UI, covering theming, responsive styles, color mode, and component composition.

Conversão pixel-perfeita de Figma para React usando coderio. Gera código pronto para produção (TypeScript, Vite, TailwindCSS V4) com alta fidelidade visual. Inclui tratamento robusto de erros, recuperação de checkpoints e execução simplificada via script auxiliar.

Practical patterns for using fp-ts with React - hooks, state, forms, data fetching. Works with React 18/19, Next.js 14/15.

Provides idiomatic React 18/19 patterns for hooks, server/client components, Suspense, error boundaries, forms, data fetching, state management, and accessibility-first composition.

Pixel-perfect Figma to React conversion using coderio. Generates production-ready code (TypeScript, Vite, TailwindCSS V4) with high visual fidelity. Features robust error handling, checkpoint recovery, and streamlined execution via helper script.

Optimizes React and Next.js performance with 69 prioritized rules covering waterfalls, bundle size, server-side rendering, and re-rendering patterns.

Render videos from React/Remotion component code via inference.sh CLI. Pass TSX code, get MP4 output with configurable resolution, FPS, duration, and codec.

Configure debugging, bundle analysis, and ecosystem tools for React applications. Use when setting up Vite/webpack build tooling, analyzing bundle size, debugging re-renders with React DevTools, or configuring ESLint and StrictMode for React projects.

Converts Stitch designs into modular Vite and React components, or syncs/updates existing React components to align with the latest Stitch designs, using system-level networking and AST-based validation.

React/Next.js 生产级 UI 动效系统——实现动画、转场和微交互时使用