フロントエンド開発パターン

React、Next.js、パフォーマンスの高いユーザーインターフェースのための現代的なフロントエンドパターン。

コンポーネントパターン

継承よりコンポジション

// ✅ 良い例: コンポーネントコンポジション
interface CardProps {
  children: React.ReactNode
  variant?: 'default' | 'outlined'
}

export function Card({ children, variant = 'default' }: CardProps) {
  return <div className={`card card-${variant}`}>{children}</div>
}