先弄清它解决什么工作场景
日常写 React 的同学大多经历过这种局面:业务推进到中后期,组件嵌套极深,跨层级传数据只能硬套 Context,结果随便改个状态就引发大面积无意义重渲染,页面卡顿肉眼可见。这门资料聚焦的正是这块难啃的骨头——状态管理库的底层原理与选型。它不教怎么拖拽几个 API 把页面凑出来,而是带你拆解 Zustand、Jotai 这类主流库的内部运转逻辑,并从零手写一个简易版本。如果你正面临复杂表单联动、高频数据更新带来的性能瓶颈,或者团队正纠结该换掉笨重的旧方案,这里的思路能直接对照你的真实工程痛点。
适合什么基础与建议先看的板块
这套内容不适合刚学会写 JSX 的新手。它默认你已经清楚 React 的基本 hooks 用法,对组件生命周期有概念,最好在日常工作中踩过状态混乱的坑。建议拿到资料后,不要按顺序从头啃,先直奔两个核心板块:一是 Context 性能挑战与 React 18 并发渲染机制,这能帮你建立“为什么需要专门的状态库”的认知前提;二是手写实现 Zustand 与 mini-jotai 的部分。先看这两个板块,你能迅速抓住状态订阅、原子化拆分与不可变数据更新的本质,之后再回头看技术选型与项目搭建的内容,会有更务实的判断标准,而不是停留在记几个 API 的表面层次。
学完能独立做什么与资料配合方法
把核心模块吃透后,你至少具备两项实在的产出能力。其一,能针对所在团队的具体业务,独立完成状态管理库的技术选型,并给出基于渲染性能与维护成本的具体依据,而不是盲目跟风。其二,能自己动手写一个满足局部需求的轻量状态管理工具,甚至配上文档发布上线。配合资料练习时,切忌只用眼睛看视频。正确的做法是:跟着手写实现的章节,在本地从空白工程开始敲代码,每实现一段发布机制,就刻意写一个会引发重渲染的对比测试用例,用控制台和性能面板去验证优化效果。遇到并发渲染与 Tearing 问题的章节,务必在本地跑通现象再去看解法。只有把代码在自己机器上跑出问题再解决,这些底层机制才会真正变成你排查复杂 Bug 时的底气。
探索 React 之核,构筑状态艺术
课程目录
* 开篇:携手并进,创造出符合时代潮流的状态管理工具!
* 总揽 React 状态管理库:如何在项目中合理的进行技术选型
* 前置知识:构建知识体系的基石
* 项目搭建:从配置到 CI 的全方位指南
* Docusaurus 与 Vercel:打造并部署你的官方文档站
* React Context 性能挑战及其优化之道
* 探索 React 18 的并发渲染机制
* React 18 的并发挑战:如何解决状态 Tearing 问题?
* 谈谈状态管理库的实现方案
* 初识 Zustand:一个强大而灵活的状态管理库
* 手把手带你从 0~1 实现 Zustand
* Immer:JavaScript 不可变数据的革命性管理
* 发布你的第一个状态管理库!
* 初识 Jotai:一个高性能原子化状态管理库
* 手把手带你从 0~1 实现 mini-jotai
* Jotai 和 React Suspense:异步状态管理的优雅实践
* Jotai DevTools:深入 Hooks DevTools 实现
* 基于 Benny 对 Jotai 进行基准测试(Benchmark)
* Jotai 极致性能/用户体验优化策略
* 初识 Valtio:探索高效的可变状态管理魔法
* 手把手带你从 0~1 实现 mini-valtio
* 浅析 Race Condition(竞态)及其解决策略
* 初识 TanStack Query:一个强大的异步状态管理库
* 手把手带你从 0~1 实现 TanStack Query(上)
* 手把手带你从 0~1 实现 TanStack Query(下)
* RSC(React Server Components)与 Tanstack Query
* 探索灵活高效的数据查询语言——快速入门
* 探索灵活高效的数据查询语言——深入GraphQL
* 探索灵活高效的数据查询语言——Apollo Client 与 Apollo Server
* 探索灵活高效的数据查询语言——GraphQL 与 NestJS
* GraphQL最佳实践
* 状态管理库与 SSR:构建高性能服务器渲染 React 应用的策略与实践
* 为你的状态管理库编写单元测试
* 迎接变革:React 19 的新特性与对状态管理生态的影响解析(上)
* 迎接变革:React 19 的新特性与对状态管理生态的影响解析(下)
* bailout:React性能优化的终极秘籍
* 如何调试状态管理库源码
* 番外篇:什么是React BatchUpdates
* 番外篇:面试题讲解
* 番外篇:基于 Nx 优化 Monorepo
* 番外篇:手写 React Router(1)
* 番外篇:手写 React Router(2)
* 番外篇:深入 Module Federation 原理(扩展篇)
* 番外篇:从 0-1 实现 RSC —— 手撕服务端组件
* 番外篇:从 0-1 实现 RSC —— 手撕客户端组件
* 番外篇:从 0-1 实现 RSC —— 手撕 Waku
* 结语:小册的结束,也是新的开始






