你会学到什么
- 技术选型：鸟瞰技术“棋局”，明晰状态管理选型
- 深入源码：汲取精粹，手撕四大主流状态管理库
- 透彻底层：洞悉根本，手刃 Bug，助力代码实现
- 更进一步：融合己见，铸就潮流之下的状态艺术
课程简介
学习状态管理库对于处理大型和复杂的前端应用至关重要，因为它们帮助集中管理应用状态，确保数据的一致性和组件间的有效通信。通过状态管理，开发者可以更容易地追踪和调试应用状态，提高开发和维护的效率。此外，良好的状态管理还能提升应用的性能，减少不必要的重新渲染（re-render）。
绝大多数前端开发者的技能往往局限于应用层面。随着前端技术的快速迭代和更新，开发者又需要疲于重新去学习各类技术，那么对于一个前端开发者来说如何“破局”呢？或者说在这样一个环境下真正应该修炼的是什么？
对于一个前端开发者来说，一定要修炼广度和深度，这里就以状态管理库为例：
- 广度，即理解各类状态管理库方案的特点与不同，能够在不同业务场景和团队情况面前选择最合适的方案。
- 深度，即对状态管理库有源码级别的理解，熟练掌握调试工具，以及对相关 React 知识点也同样有着深入的理解。只有具备这种技能，才能够设计出很好的前端架构以及编写出更高质量的代码，在面对复杂的问题和 Bug 面前也能够应对自如。
相信所有前端开发工程师在日常开发中都会用到状态管理库（甚至可能不止一种），也许你也曾经思考过这些问题：
- 在调用状态管理库 API 时，是如何驱动 UI 完成更新的？
- 为什么在组件中打印的
console会频繁地被调用，为什么有的时候又没有被调用？ - 为什么明明有了 React Context，我们还需要状态管理库？
- 我这么使用是否是正确的？是否符合状态管理库设计的哲学？
- 公司起了一个新的项目，我应该如何为这个项目进行技术选型？如何结合项目特点、团队情况选择最适合的状态管理库？
- 想学习和接触开源库的源码，但是不知道如何下手，应该选择什么库作为切入？
- 如何优化项目的性能，在状态管理库层面来尽量减少 re-render？
- 为什么状态可以在多个组件之间维持一致？
- React 19 来了，它会对状态管理库和整个社区带来什么影响？
这本小册将会帮助你解决以上全部疑问，一步一步揭开状态管理库神秘的面纱，并收获广度与深度，理解状态管理的方方面面，在完成学习之后，你将完全有能力自己独立创造出一款符合时代潮流的状态管理工具！
小册 大纲 如下：
小册包含了 React 状态管理相关的方方面面，系统化地带你从 0～1 实现整个架构设计，不仅仅是主流几个状态管理库的简单实现。
小册整体内容大致划分为 四大模块。
- 前言：通过该模块，你可以对状态管理库的现状与未来有更深入的理解，能够明晰如何根据团队与项目现状完成技术选型，以及掌握项目开始前的必备知识点。
- 项目建设：通过该模块你将具备工程化的能力，了解主流开源库除了实现它们的核心功能以外还需要做哪些事情。
- 主流库实现：一起实现四个当下流行并且符合未来趋势的 React 状态管理库，包括 Zustand、Jotai、Valtio 和 Tanstack Query。
- React 关联知识：将会学习到很多关联的 React 知识点，并深入它们的原理。
除此之外，小册还配备了大量可以直接调试的 codesandbox 案例代码，以方便大家学习和实操。
课程目录
1、开篇：携手并进，创造出符合时代潮流的状态管理工具！
2、前置知识：构建知识体系的基石
3、项目搭建：从配置到 CI 的全方位指南
4、Docusaurus 与 Vercel：打造并部署你的官方文档站
5、React Context 性能挑战及其优化之道
6、探索 React 18 的并发渲染机制
7、React 18 的并发挑战：如何解决状态 Tearing 问题？
8、初识 Zustand：一个强大而灵活的状态管理库
9、手把手带你从 0～1 实现 Zustand
10、Immer：JavaScript 不可变数据的革命性管理
11、Zustand DevTools：深入 Extension DevTools 实现
12、发布你的第一个状态管理库！
13、初识 Jotai：一个高性能原子化状态管理库
14、手把手带你从 0～1 实现 mini-jotai
15、Jotai 和 React Suspense：异步状态管理的优雅实践
16、Jotai DevTools：深入 Hooks DevTools 实现
17、基于 Benny 对 Jotai 进行基准测试（Benchmark）
18、初识 Valtio：探索高效的可变状态管理魔法
19、手把手带你从 0～1 实现 mini-valtio
20、浅析 Race Condition（竞态）及其解决策略
21、初识 TanStack Query：一个强大的异步状态管理库
22、手把手带你从 0～1 实现 TanStack Query（1）
23、手把手带你从 0～1 实现 TanStack Query（2）
24、RSC（React Server Component）与 Tanstack Query
25、TanStack Query DevTools：深入 UI DevTools 实现
26、状态管理库与 SSR：构建高性能服务器渲染 React 应用的策略与实践
27、为你的状态管理库编写单元测试
28、迎接变革：React 19 的新特性与对状态管理生态的影响解析
29、总揽 React 状态管理库：从过去到未来
30、番外篇：面试题讲解
31、番外篇：深入浅出 Redux
32、番外篇：React Redux 以及 RTK 机制
33、结语：小册的结束，也是新的开始
讲师介绍
木木学长，前端开发工程师。曾就职于快手，目前就职于字节跳动，亿万级月活项目研发，对各类技术底层源码有着深厚的理解。