recoil是什么？一文看懂Atom与Selector
recoil是什么？它是面向 React 的状态管理库，用 atom 保存可共享状态，用 selector 描述派生值和异步读取，再通过组件订阅让更新只影响相关部分。理解它不用先背一堆 API，抓住“状态节点—依赖关系—组件订阅”这条线，就能判断它和 Context、Redux 到底差在哪。
先用一句话理解 Recoil
Recoil 可以看成一张放在 React 组件外部的状态依赖图。组件读取某个 atom，就订阅了这个节点；selector 读取哪些 atom，系统就知道它依赖哪些节点。上游数据变了，相关派生值和组件才会重新计算。
它解决的不是“所有数据都集中放一个 store”这件事，而是让状态可以按业务粒度拆开。搜索词、侧边栏开关、用户草稿可以各自独立，又能在需要时组合成更大的派生状态。
Atom：最小的共享状态单元
atom 需要一个全局唯一 key 和 default。组件可以通过 useRecoilState 读写，通过 useRecoilValue 只读，通过 useSetRecoilState 只拿更新函数。比如商品编辑页里，商品名称和库存是否校验通过，可以设计成不同 atom，避免无关组件互相订阅。
atom 不等于数据库，也不等于自动持久化。刷新页面后数据是否保留，要靠 localStorage、URL 或后端保存；切换用户时是否清空，也必须在业务层明确处理。把这些能力想当然地归给状态库，是新手最容易误判的地方。
Selector：把依赖关系写出来
selector 可以是可读的，也可以同时提供 get 和 set。最常见的用途是把多个 atom 组合成派生值，例如用筛选条件生成查询参数，或者根据购物车商品计算总价。它不需要你手动 dispatch“重新计算”事件，依赖读取本身就是触发条件。
selector 也能返回 Promise，让组件接入 Suspense。但异步状态的加载、错误和重试体验仍需要设计，不能只看到页面能显示就算完成。对于复杂服务端数据，专门的数据请求库通常比把所有请求塞进 selector 更合适。
它适合什么，又不适合什么
它适合 React 项目里的跨组件交互状态、派生状态和局部业务流程，尤其是状态之间存在清晰依赖关系的页面。不适合拿来替代所有数据层，也不适合在没有团队约定时无限创建 atom。
还要注意生态现状：Recoil 仓库已经归档，意味着新项目需要认真评估维护风险。理解 recoil是什么，不只是知道 API，还包括知道它的边界、生态和项目寿命。
常见问题
- Recoil是什么，和Redux有什么区别？
- Recoil 是 React 状态管理库，强调 atom 与 selector 组成的依赖图；Redux 更强调集中式 store、action、reducer 和可追踪更新流程。两者的设计取向不同。
- Recoil需要在应用最外层加什么？
- 需要用 RecoilRoot 包住要访问 Recoil 状态的组件树，否则组件读取 atom 时无法找到对应状态上下文。
- Recoil能保存数据到浏览器吗？
- 本身不会自动持久化。需要监听状态变化并写入 localStorage、IndexedDB 或 URL，同时处理版本升级、清理和用户切换。