Results for “react”

Provides best practices for building performant React Native and Expo apps, covering list performance, animations, navigation, UI patterns, state management, rendering, monorepo structure, and configuration.

Optimizes React and Next.js performance with 70+ rules across 8 priority categories, covering waterfalls, bundle size, server-side, client fetching, re-renders, rendering, JS micro-perf, and advanced patterns. Use when writing, reviewing, or refactoring React/Next.js code.

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

Optimize React and Next.js applications with 70 performance rules across 8 categories, prioritized by impact for automated refactoring and code generation.

Build native UI with the @expo/ui package: real SwiftUI on iOS and Jetpack Compose on Android rendered from React in an Expo or React Native app.

Practical patterns for using fp-ts with React: Option for optional state, Either for form validation, TaskEither for data fetching, and RemoteData for async state management.

Migrates a Stitch screen to production React: fetches and caches wireframes, archives existing pages, converts to shadcn/ui components with semantic tokens, and documents the design system layers.

Implement and debug network requests, API calls, and data fetching in Expo apps using fetch, React Query, SWR, Expo Router loaders, caching, and offline support.

Provides production-grade TypeScript guidance for React and Next.js, covering type narrowing, component props, generics, runtime validation, data fetching, state management, performance, accessibility, and code review.

Create Zustand stores with TypeScript, subscribeWithSelector middleware, and proper state/action separation for React state management.

Build type-safe APIs with tRPC, covering procedures, routers, middleware, React integration, subscriptions, and error handling.

Builds single-page applications with component-based architecture, dependency injection, reactive forms, and routing.

Run web code in a webview on native platforms and as-is on web, enabling use of web-only libraries like recharts and react-syntax-highlighter in Expo apps.

Add smooth, native-feeling page transitions and animations to React apps using the browser's View Transition API, with support for shared elements, enter/exit animations, and directional navigation.

Provides guidance on JSX syntax differences between Vue and React, including attribute naming and plugin configuration.

Guides frontend development with React, TypeScript, and modern tooling, enforcing component-first, mobile-first, and testing practices.

Provides React and Next.js patterns for component composition, state management, data fetching, and performance optimization.

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

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

Write Vue 3 single-file components using the Composition API with script setup, covering reactivity, lifecycle, and built-in components.

Analyzes a codebase with multiple agents and builds an interactive React knowledge graph dashboard for onboarding and visual architecture exploration.

Provides guidance and code examples for building enterprise React UIs with Ant Design, including forms, tables, theming, and ProComponents.

Build React interfaces with Material UI components, theming, styled engine, data grid, date pickers, and icons.

Creates elaborate, multi-component HTML artifacts using React, Tailwind CSS, and shadcn/ui for complex frontend projects.

Provides reusable React and Next.js patterns for component composition, state management, data fetching, and performance optimization.

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

Build onchain applications with React components and TypeScript utilities from Coinbase's OnchainKit, supporting wallet connection, token swaps, NFT minting, and payment processing.

Scaffolds a new Remotion video project, guides React markup design with video layout rules, and starts the Remotion Studio preview server.

Generates type-safe TypeScript clients from OpenAPI specs using Orval, covering configuration, React Query/SWR hooks, custom mutators, and MSW mocks.

Creates programmatic videos with React using Remotion, covering compositions, animations, motion graphics, and MP4 rendering, plus walkthrough and content-to-animation workflows.

Migrate an existing web React app to a native iOS/Android app with Expo, screen by screen, using a strangler-fig pattern that ships the web UI in a DOM-component shell on day one and nativizes screens by value.

Render declarative UI widgets from JSON for React/Next.js applications, enabling agent-generated UIs, dynamic forms, and interactive cards.

Generate production-quality React + Tailwind CSS code using the Rayden UI component library with correct props, design tokens, and layout patterns.

Guides choosing and implementing global state management in React with Zustand, Redux Toolkit, or Context, based on state complexity and needs.

Build native UI with @expo/ui: real SwiftUI on iOS and Jetpack Compose on Android, rendered from React in Expo or React Native apps. Covers universal cross-platform components, drop-in replacements for community libraries, and platform-specific SwiftUI and Jetpack Compose trees.

Write Vue 3 Single-File Components using Composition API with TypeScript, covering script setup macros, reactivity system, built-in components, and lifecycle hooks.