React 技术专栏 · 奎叔笔记

01

JavaScript 执行模型：从执行上下文、闭包到 ESM 与 Tree Shaking

02

JavaScript Event Loop 与异步：从任务调度到取消、竞态和并发控制

03

TypeScript 类型系统：从结构类型、类型推断到 React 运行时边界

04

React 声明式 UI：从 State 映射到组件身份与状态保留

05

React Render 与 Commit：从更新触发到 DOM、Effect 与浏览器绘制

06

React Fiber：从双缓冲树、工作循环到 Lanes 与 Bailout

07

React Reconciliation：从 Element Type、Key 到状态保留与列表移动

08

React 状态分类：从局部交互到 Server、URL 与 Form State

09

React 不可变更新：从引用相等、结构共享到 Immer 边界

10

React UI 状态机：从判别联合到乐观更新与回滚

11

React 组件 API 设计：从 Props、所有权到 Headless 与可访问性契约

12

React Hooks 运行机制：调用顺序、Hook List、Dispatcher 与闭包快照

13

React useState 与 useReducer：状态快照、更新队列与 Reducer 设计

14

React useEffect：同步外部系统、依赖管理与异步竞态治理

15

React useLayoutEffect 与浏览器绘制：布局测量、Flicker 与同步阻塞

16

React Memoization：memo、useMemo、useCallback 与缓存成本模型

17

React Ref：DOM 引用、可变逃生口与命令式 API 边界

18

React 并发渲染：可中断 Render、优先级与原子 Commit

19

React Transition：非阻塞更新、Pending 状态与异步 Action

20

React Deferred Value：陈旧内容、后台渲染与输入响应性

21

React Suspense：异步边界、Reveal 策略与 Streaming SSR

22

React Context：传播机制、Value 稳定性与模块边界

23

React 外部 Store 协议：useSyncExternalStore、Snapshot 与并发一致性

24

React 状态管理选型：从 Local State 到 Redux、Zustand、MobX 与 XState

25

React Redux 工程实践：Store、Middleware、Selector 与 RTK Query

26

React 数据请求治理：Fetch、取消、重试、去重与竞态控制

27

React Query Cache：Query Key、Freshness、失效与分页生命周期

28

React Mutation：乐观更新、幂等提交与冲突治理

29

React Query 与 SWR：Server State 缓存、重新验证与 SSR

30

React 表单状态：受控输入、校验生命周期与可靠重置

31

React 表单工程：React Hook Form、Zod、动态字段与草稿治理

32

React 客户端路由：从 History API 到 Loader、Action 与错误边界

33

React 路由工程：鉴权、深链接、预取与导航竞态治理

34

React 性能方法：从性能预算、Profiler 到可验证回归

35

React Web Vitals：LCP、INP、CLS 的采集、归因与治理

36

React 渲染性能：从更新传播、状态边界到 Profiler Flamegraph

37

React 列表与大数据：虚拟化、分页、动态高度与 Worker

38

React 资源与网络性能：从代码分割、加载优先级到 CDN 缓存

39

React 渲染策略：CSR、SSR、SSG、ISR、Streaming SSR 与 Edge Runtime

40

React Hydration：从 Server HTML、Mismatch 到 Selective Hydration

41

React Server Components：边界、Flight、数据获取与 Server Action

42

Next.js App Router 工程实践：路由、缓存、边界与部署运行时