React Component Design Guide

Design patterns for React components in the Tetris project.

Core Principles

1. Component Consolidation: Prefer unified components over excessive fragmentation
2. Functional Components: No class components
3. Custom Hooks: Extract reusable logic
4. Type Aliases: Use type instead of interface for props
5. Dynamic IDs: Use useId() hook for accessibility
6. Optimized Patterns: Minimize re-renders and prop drilling

Component Structure

Basic Component Template