第十三节：React Ink——用React驱动终端UI

知识图谱定位：上一节我们拆解了 Task 系统的七种任务类型、五种状态、分布式锁、磁盘安全输出和自动梦境机制——这些是 Agent 在"后台"默默运转的基础设施。但无论后台多强大，用户看不到就白搭。Claude Code 没有选择传统的console.log逐行打印，而是用 React 在终端里构建了一套完整的 GUI 级 UI 系统：500+ 个.tsx组件、9MB 的组件库、自研的 Ink 渲染引擎（48 个文件、~1MB）、虚拟滚动、主题系统、权限对话框……它证明了一件事：React 的声明式 UI 范式，在终端场景同样是最优解。本节将从"为什么用 React"出发，逐层拆解自研 Ink 引擎、组件架构、状态管理、消息渲染管线和性能优化——让你理解 Claude Code 如何让一个 CLI 工具拥有了 Web App 级的交互体验。一、为什么用 React 渲染终端？1.1 传统终端 UI 的困境大多数 CLI 工具用console.log+readline构建交互。这在简单场景下够用，但面对 Claude Code 这种复杂度就力不从心了：挑战传统方案问题多区域同时更新