[!info] related notes

• 系统路线：React 学习路线 MOC
• 总地图：React MOC
• TypeScript：TypeScript 学习路线
• 项目实践：BodySense MOC

React 学习实践入口

[!abstract] 入口已收敛 本页保留旧链接。React 的完整学习顺序由 React 学习路线 MOC 维护；真实业务练习进入 BodySense MOC。

最短实践路径

1. 用自己的话解释 UI = f(state)、状态快照和单向数据流。
2. 阅读一个受控表单，区分 props、state、ref 和事件。
3. 阅读一个 reducer，画出 action 到新状态的转换表。
4. 阅读 Context Provider，观察 state 与 actions 为什么拆分。
5. 为一个现有组件补行为测试。
6. 独立完成一个小功能，并用 lint、typecheck 和测试验证。

BodySense 推荐代码入口：

• ActiveTurnContext.tsx：Reducer、Context、useCallback、useRef
• AskUserCard.tsx：受控表单与多种回答类型
• useSSEProcessor.ts：流式数据如何进入 React 状态