📄️ 为什么用 React 渲染终端?Ink 框架介绍
深入了解 Claude Code 如何用 React/Ink 构建声明式终端 UI,以及为何这比传统 CLI 输出更优越
📄️ 全局状态:AppStateStore.ts 的 Zustand 式设计
解析 Claude Code 如何用自定义 Store 模式管理复杂的全局状态,理解 AppState 的完整数据结构
📄️ useAppState / useSetAppState:状态订阅模式
理解 Claude Code 如何通过两个精心设计的 hooks 实现高性能状态订阅,以及背后的 useSyncExternalStore 原理
📄️ 消息渲染:每种消息类型如何展示
深入解析 Claude Code 如何将不同类型的消息(human、assistant、tool_use、tool_result、system)渲染为丰富的终端 UI
📄️ 交互组件:权限提示 UI 的实现
深入解析 Claude Code 权限提示 UI 的完整实现——从触发时机、组件层次、键盘交互,到决策如何反馈给 query 循环