React prompts · Programming & development

Prompts to build websites and apps, debug errors, refactor, document and design software architecture with AI.

6 prompts

• Programming & development

  React form with accessible validation (React Hook Form + Zod)

  Generate a React form with a validation schema, accessible error messages, safe submission, per-field server errors and a test checklist to verify it.

  ChatGPT · Claude · Gemini · Microsoft Copilot

  View prompt

• Programming & development

  Build an accessible React component with TypeScript

  Generate a typed, accessible React component with tests, following good composition and state practices.

  ChatGPT · Claude · Microsoft Copilot

  View prompt

• Programming & development

  Diagnose and fix slow re-renders in React

  Find out why a React component is slow, measure it with the Profiler and apply the right fixes (state colocation, memo, virtualization, transitions) with before-and-after code.

  ChatGPT · Claude · Gemini · Microsoft Copilot

  View prompt

• Programming & development

  Test a React component with Vitest and Testing Library

  Paste a React component and get a test plan, the test file with role-based queries, user-event and MSW network mocks, plus any setup you are missing.

  ChatGPT · Claude · Gemini · Microsoft Copilot

  View prompt

• Programming & development

  Choose state management for a React app: Context, Zustand, Redux or TanStack Query

  Classify your React app’s state by type and get a reasoned recommendation for each, a comparison table, a folder structure and an incremental migration plan.

  ChatGPT · Claude · Gemini · Microsoft Copilot

  View prompt

• Programming & development

  Build a custom React hook with TypeScript and tests

  Design and implement a typed custom React hook with effect cleanup, race-condition handling, an example component and ready-to-run tests.

  ChatGPT · Claude · Gemini · Microsoft Copilot

  View prompt