React 学习实践入口
React 旧学习实践入口，保留原链接并引导到系统路线与 BodySense 项目练习。
#type / howto
#status / growing
#tech / dev / frontend
#resource / react
[!info] related notes
- 系统路线：React 学习路线 MOC
- 总地图：React MOC
- TypeScript：TypeScript 学习路线
- 项目实践：BodySense MOC
React 学习实践入口
[!abstract] 入口已收敛 本页保留旧链接。React 的完整学习顺序由 React 学习路线 MOC 维护；真实业务练习进入 BodySense MOC。
最短实践路径
- 用自己的话解释
UI = f(state)、状态快照和单向数据流。 - 阅读一个受控表单，区分 props、state、ref 和事件。
- 阅读一个 reducer，画出 action 到新状态的转换表。
- 阅读 Context Provider，观察 state 与 actions 为什么拆分。
- 为一个现有组件补行为测试。
- 独立完成一个小功能，并用 lint、typecheck 和测试验证。
BodySense 推荐代码入口：
ActiveTurnContext.tsx：Reducer、Context、useCallback、useRefAskUserCard.tsx：受控表单与多种回答类型useSSEProcessor.ts：流式数据如何进入 React 状态