React · 进阶
Hooks / 状态管理 / 数据获取 / 性能 / 测试——React 工程化全栈。
React 进阶系列总览
2026-03-27
25 篇覆盖 Hooks / 状态 / 数据 / 性能 / 测试 / 工程化。
React 渲染心智模型
2026-03-27
render / commit / effect 三阶段，是理解一切 React 行为的根。
JSX 到底是什么
2026-03-28
JSX 不是 HTML，是 React.createElement 的语法糖——理解这个解决一半的"为什么这样"。
组件分类与组合模式
2026-03-28
函数组件 / Server Component / Client Component / 高阶组件 / render prop——什么时候用哪个。
useState 深入
2026-03-29
看似简单的 useState，藏着 5 个新手都会踩的坑。
useEffect 深入
2026-03-29
useEffect 被滥用最多——大部分时候你其实不需要它。
useRef 与命令式句柄
2026-03-30
ref 不止是拿 DOM——它是"跨 render 存值且不触发 re-render"的工具。
useMemo / useCallback / memo
2026-03-30
性能 hooks 三件套。先讲清"什么时候真的需要"，再讲怎么用。
useContext 与跨层数据
2026-03-31
Context 不是状态管理库——它是"避免逐层传 prop"的工具。
useReducer
2026-03-31
状态变化逻辑复杂时，把 setState 升级成 reducer。
自定义 Hook
2026-04-01
把逻辑抽成 Hook，比 HOC 和 render prop 都好用——它是 React 的复用单位。
Suspense 与流式渲染
2026-04-01
Suspense 让"加载状态"成为渲染树的一等公民。
Error Boundary
2026-04-02
render 抛出错误别让整个应用白屏——用 Error Boundary 兜底。
受控 vs 非受控组件
2026-04-02
表单组件两种范式——选错一种 React 就反着你。
状态管理库选型
2026-04-03
useState / Context / Zustand / Jotai / Redux Toolkit / TanStack Query——按需求选，别迷信。
数据获取范式
2026-04-03
fetch + useEffect、TanStack Query、SWR、Server Components——哪种用在哪。
路由方案对比
2026-04-04
React Router / Next.js App Router / TanStack Router / Remix——SPA vs SSR 路由的取舍。
表单实战
2026-04-04
React Hook Form + Zod 是 2024+ React 表单的事实标准。
动画
2026-04-05
CSS、Framer Motion、view transitions——什么时候用哪个。
TypeScript 实战
2026-04-05
React + TypeScript 的常见类型套路与陷阱。
测试
2026-04-06
Vitest + React Testing Library 的 2025 标配——测行为，不测实现。
性能调优
2026-04-06
先 Profile 再优化——闭眼到处加 memo 是反模式。
SSR / CSR / SSG / ISR
2026-04-07
4 种渲染策略，每种解决一类问题——一个网站常常混着用。
生产部署
2026-04-07
把 Next.js 项目稳稳跑在生产环境——配置、监控、可观测性的最低线。
继续往哪走
2026-04-08
25 篇读完之后——React 生态地图与进阶方向。