41 lines
1.1 KiB
Markdown
41 lines
1.1 KiB
Markdown
---
|
||
id: frontend.react.index
|
||
title: React
|
||
type: index
|
||
domain: frontend
|
||
stack: [react]
|
||
tags: [React, Hooks, 状态管理, React 19]
|
||
week: [7]
|
||
---
|
||
|
||
# React
|
||
|
||
面向主要使用 Vue 的你：建立 React 的心智模型（渲染机制、Hooks 规则、状态管理），能和 Vue 对比，并用于 Next.js。
|
||
|
||
## 学习路线
|
||
|
||
| 顺序 | 课程 | 级别 | 预计 |
|
||
| --- | --- | --- | --- |
|
||
| 1 | [React 渲染机制、Hooks 规则、状态管理和 React 19 新特性](01-hooks-rendering.md) | 进阶 | 3 小时 |
|
||
|
||
## 企业场景
|
||
|
||
- [长任务界面：Agent 任务的状态机、事件去重、乐观更新和恢复](scenarios/long-task-ui.md)
|
||
|
||
## 面试题
|
||
|
||
- [React 面试题](interview.md)
|
||
|
||
## 示例代码
|
||
|
||
- [examples/task-panel](examples/task-panel/)：任务状态机 reducer（`node taskReducer-demo.ts` 自检：乱序 / 重复 / 迟到事件丢弃、失败重试）和 `TaskPanel.tsx` 组件（严格模式类型检查通过）
|
||
|
||
## 在 16 周计划中
|
||
|
||
- [第 7 周：前端工程化查漏](../../../plan/week07-frontend.md)
|
||
|
||
## 官方资料
|
||
|
||
- https://zh-hans.react.dev/
|
||
- React Compiler：https://react.dev/learn/react-compiler
|