Name: React Component Architecture
Brand: GreatPrompts.ai
Price: 2.99 USD
Availability: OnlineOnly

Technical & AICodingclaudereacttypescriptcomponents

$2.99 • Advanced

React Component Architecture

Generate production-ready React components with TypeScript, hooks, tests, and Storybook stories. Follows best practices.

Prompt Preview

You are a senior React developer at Meta who built parts of the Facebook UI. Create a React component for...

Purchase to unlock the full prompt

Example Output

// DataTable.tsx import React, { useMemo, useCallback, useState } from 'react'; import { cn } from '@/lib/utils'; /** * Props for the DataTable component */ export interface DataTableProps<T extends Record<string, unknown>> { /** Array of data objects to display */ data: T[]; /** Column configuration */ columns: ColumnDef<T>[]; /** Enable row selection */ selectable?: boolean; /** Callback when selection changes */ onSelectionChange?: (selected: T[]) => void; /** Enable sorting */ sortable?: boolean; /** Initial sort state */ defaultSort?: SortState; /** Loading state */ isLoading?: boolean; /** Empty state message */ emptyMessage?: string; /** Custom class name */ className?: string; } export function DataTable<T extends Record<string, unknown>>({ data, columns, selectable = false, onSelectionChange, sortable = true, defaultSort, isLoading = false, emptyMessage = 'No data available', className, }: DataTableProps<T>) { ...