市民中心的蟋蟀

什么是钩子？ 既然我们已经讲解了 React Hook 基础架构的简化版本，并且基于该架构编写了一个函数，接下来就让我们在函数组件中实际试用一下它吧： 前面提到的变量 a 在（组件）挂载阶段被赋值为

在前面的章节，我们学习了在函数组件内通过自定义构建的状态来执行操作。在这一章，在本章中，我们将深入探讨在构建优质状态解决方案时所面临的挑战，随后将了解 React 是如何借助底层的 Hook 来构建这

使用 Valtio 和 MobX 虽然 Valito 和 MobX 背后的 工作原理不一样，Valito 经常 被 拿来 和 MobX进行比较。这两者在 绑定 React上，有一定的相似性。它们俩都是

理解何时使用 Jotai 和 Reocil Jotai 的 API 受到了 Recoil 很多 启发。在本小节，我们会 把 一个 Recoil 的 例子 转变为 Jotai的 例子，并 比较 这 两者

在本书，我们讨论了三个全局状态管理库：Zutand，Jotai 和 Valtio。让我们比较这三个库之间的共性与差异。这三个库，都有其独自的特性。 Zustand 在用法和 存储模型上，与 Redux

# 结合 `useReducer` 使用 React Tracked 在这个例子中，我们要用 `useReducer` 来替代 `useState`。 `useReducer`是一个语法稍微复杂一

React Tracked（https://react-tracked.js.org）是一个用于状态使用追踪的库，它能基于属性访问自动优化重新渲染。它提供了类似Valtio的减少额外重新渲染的功能。

# 创建应用代码 接下来，我们要用Valito来 创建一个 小型应用。 首先，我们要定义一个Todo类型： ```js type Todo = { id: stirng; tit

Valito是另一个实现全局状态的库。不像 Zustand 和 Jotai，Valito 是 基于可变更新模型的。它主要用于类似 Zustand 的模块状态管理。它利用代理（proxies）来获取不可