Component Development Guidelines

When working with React components in this workspace:

Component Structure

• Use functional components with hooks
• Keep components focused on a single responsibility
• Extract reusable logic into custom hooks
• Use TypeScript for type safety

Naming Conventions

• Components: PascalCase.tsx
• Hooks: useCamelCase.ts
• Utilities: camelCase.ts
• Types: types/index.ts or co-located

State Management