编辑“︁Lean Web开发”︁（章节）

== 实践案例 ==
=== 最小可行产品(MVP)实现 ===
以下是一个使用React的极简计数器组件，展示如何用最少代码实现核心功能：

<syntaxhighlight lang="javascript">
// Counter.jsx - Lean MVP示例
import { useState } from 'react';

export default function Counter() {
  const [count, setCount] = useState(0);

  return (
    <div className="lean-counter">
      <button onClick={() => setCount(c => c - 1)}>-</button>
      <span data-testid="count">{count}</span>
      <button onClick={() => setCount(c => c + 1)}>+</button>
    </div>
  );
}
</syntaxhighlight>

'''输入/输出分析'''：
* 初始渲染 → 显示"0"
* 点击"+"按钮 → 数字递增
* 点击"-"按钮 → 数字递减

=== 自动化工作流 ===
使用GitHub Actions实现CI/CD流水线：

<mermaid>
graph LR
    A[代码提交] --> B(运行单元测试)
    B --> C{测试通过?}
    C -->|是| D[构建生产包]
    C -->|否| E[通知开发者]
    D --> F[部署到Staging]
    F --> G[人工验收]
    G --> H[生产发布]
</mermaid>