Frontend Development

React Patterns

• Functional components only (no class components)
• Custom hooks for shared logic
• Context API for global state, local state for component state
• Lazy loading for heavy components
• Error boundaries for graceful failures

Component Structure

ComponentName/
  ├── index.tsx        # Main component
  ├── styles.css       # Styles (or Tailwind)
  └── types.ts         # TypeScript interfaces