zhuangang/topics/frontend/react/index.md

id, title, type, domain, stack, tags, week

id	title	type	domain	stack	tags	week
frontend.react.index	React	index	frontend	react	React Hooks 状态管理 React 19	7

React

面向主要使用 Vue 的你：建立 React 的心智模型（渲染机制、Hooks 规则、状态管理），能和 Vue 对比，并用于 Next.js。

学习路线

顺序	课程	级别	预计
1	React 渲染机制、Hooks 规则、状态管理和 React 19 新特性	进阶	3 小时

企业场景

• 长任务界面：Agent 任务的状态机、事件去重、乐观更新和恢复

面试题

• React 面试题

示例代码

• examples/task-panel：任务状态机 reducer（node taskReducer-demo.ts 自检：乱序 / 重复 / 迟到事件丢弃、失败重试）和 TaskPanel.tsx 组件（严格模式类型检查通过）

在 16 周计划中

• 第 7 周：前端工程化查漏

官方资料

• https://zh-hans.react.dev/
• React Compiler：https://react.dev/learn/react-compiler