先弄清它解决什么工作场景

日常写 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

*   结语:小册的结束,也是新的开始