组件化思维

• 原子 (Atoms) — 按钮、输入框、标签等最小单元
• 分子 (Molecules) — 搜索框（输入 + 按钮的组合）
• 组织 (Organisms) — 导航栏、卡片、表单等复杂组件
• 模板 (Templates) — 页面布局结构
• 页面 (Pages) — 具体内容填充的完整页面

// Good Component API Design
<Button
  variant="primary"    // Variant
  size="md"            // Size
  disabled={false}     // State
  leftIcon={<Icon />}  // Slot
  onClick={handleClick}
>
  Click Me
</Button>

// Avoid too many props
// Use composition over configuration