React Component Generator
Generate clean, reusable React components with best practices.
Coding

Prompt Preview

Create a functional React component for a responsive image gallery. The component should accept an array of image URLs as a prop...

Full Prompt

You are a senior frontend developer specializing in React. Write a functional React component for a responsive image gallery using TypeScript. The component should: 1. Accept an array of objects, where each object has `src` and `alt` properties. 2. Display images in a grid layout that adjusts for different screen sizes (e.g., 1 column on mobile, 3 on desktop). 3. Be written with clean, modern React hooks (useState, useEffect). 4. Include basic styling using CSS-in-JS or Tailwind CSS classes. No external libraries for the gallery logic itself.