Back to Prompts

Component Development Flow

Step-by-step workflow for creating React components

0

Prompt

Follow this workflow to create well-structured, reusable React components.

## Steps:

1. Define component props and interface

2. Create base component structure

3. Implement styling with Tailwind

4. Add variants and states

5. Handle accessibility (ARIA labels, keyboard nav)

6. Write component documentation

7. Create usage examples

Related Prompts

Migrate Deployment Scripts to Terraform

Convert ad-hoc shell scripts into structured Terraform infrastructure-as-code.

category:modernizationterraformiac+3

Database ORM Migration (e.g. Hibernate to JPA, TypeORM to Prisma)

Safely migrate from one ORM to another in production.

category:modernizationdatabaseorm+3

Global CSS to Tailwind Migration

Convert a large CSS codebase into a utility-first Tailwind design system.

category:modernizationcsstailwind+3

React Class to Hooks Transformation (Codebase-wide)

Incrementally modernize an entire React codebase from class components to hooks.

category:modernizationreacthooks+3

Full SQL to ORM Migration (Prisma/TypeORM)

Transform raw SQL queries across a codebase into ORM equivalents.

category:modernizationsqlorm+4

Migrate Next.js Pages Router to App Router

Systematically migrate a Next.js application from the pages router to the app router.

category:modernizationnextjsreact+3

Browse More Prompts