Day 33:深入 UI 渲染层 — 组件、Markdown 与代码块
Day 33:深入 UI 渲染层 — 组件、Markdown 与代码块
今日目标
- 读
packages/client/ui-renderer/的核心代码 - 理解前端 UI 组件的组织结构
- 理解核心组件(聊天消息、工具调用、会话列表、输入框)
- 理解 Markdown 渲染
- 理解代码块高亮和交互
- 理解自定义 Hooks
- 理解样式方案(CSS Modules/Tailwind/Styled Components)
- 理解组件性能优化
- 理解 UI 层和运行时层的接口
前置知识
- Day 30-32 已完成,理解了前端分层架构、通信层和运行时层
- 有基本的前端组件化开发知识
- 对 React/Vue 等前端框架有基本了解
任务 1:看 ui-renderer 包的结构
1.1 查看目录
# Windows PowerShellGet-ChildItem