React

从手写 DOM 操作的痛点出发，理解声明式 UI 的核心思想、虚拟 DOM 的真实作用，以及 React 在前端生态中的定位

JSX 编译成什么、表达式插值的规则、条件与列表渲染的惯用写法，以及 key 为什么必须稳定唯一

函数组件的本质、props 的单向传递与只读性、children 与组合模式，以及用 TypeScript 精确描述组件契约

useState 的工作方式、状态更新的异步与批处理、不可变更新的必要性与写法，以及受控组件

副作用的定义与时机、依赖数组的比较规则、清理函数的执行顺序、闭包陷阱，以及大多数场景其实不需要 effect

手写迷你 useState 理解 Hooks 的存储机制，弄清「不能条件调用」的真正原因，并掌握自定义 Hook 的抽象方法

可变引用容器、缓存计算结果与稳定函数引用，以及大多数时候你其实不需要它们

受控与非受控的取舍、多字段状态管理、校验时机与错误展示、提交流程，以及表单库解决了什么

createContext 的用法、Provider 的性能陷阱与拆分技巧、自定义 Hook 封装模式，以及 Context 不适合做什么

reducer 模式的本质、与 useState 的取舍、用状态机消除非法状态，以及 reducer + Context 的组合

单向数据流的实践、状态该放在哪一层、兄弟组件通信、受控与非受控组件的设计，以及组件 API 的取舍

重渲染的真正原因、React.memo 的浅比较规则、什么时候优化才有意义，以及用 Profiler 定位瓶颈

只渲染可视区域的原理与实现要点、lazy 与 Suspense 的用法、按路由与按交互分割，以及预加载策略

错误边界能捕获什么、为什么必须用 class 组件、事件与异步错误的处理、降级 UI 设计与错误上报

区分四类状态、Zustand / Redux Toolkit / Jotai 的设计哲学与代码对比，以及如何为项目选型

为什么 useEffect + fetch 不够用、竞态与缓存问题，以及 TanStack Query 的缓存/重试/staleTime 思想

URL 作为状态、路由匹配与排序原理、嵌套路由与 Outlet、searchParams、loader/action 数据加载与代码分割

useTransition、useDeferredValue、React 18 自动批处理的原理与取舍，并亲手模拟批处理调度器

RSC 的心智模型、服务端组件与客户端组件的边界、Next.js App Router 的数据获取与流式渲染

用前面所有知识实现一个进阶版 TodoMVC，涵盖状态建模、不可变更新、性能优化与 key 的协调原理