维寒 (@WeiHan) 在 【模块 5】UI 渲染层 — 架构设计分析 中发帖
【模块 5】UI 渲染层 — 架构设计分析
核心架构:终端 UI 渲染系统
前置概念:理解 Ink
是什么:
Ink = React for CLI(用 React 构建终端界面)
使用 React 组件语法,渲染到终端而非浏览器
支持 JSX、Hooks、Context、状态管理
为什么选择 Ink:
组件化:可复用的 UI 组件
声明式:描述"应该显示什么",而非"如何绘制"
生态系统:React 的丰富生态(Hooks、Context、DevTools)
类比:
就像"React DOM 渲染到浏览器",Ink 渲染到终端
UI 渲染层架构
%%{init: {'theme': 'neutral'}}%%
flowchart TB
subgraph L1[1. 全屏 UI Screens]
A1[REPL.tsx 主界面]
...