市民中心的蟋蟀

在 JavaScript 的世界里，if-else 就像一把瑞士军刀：简单、万能、随处可见。但业务一旦膨胀，层层嵌套的判断语句就会像一团乱麻，剪不断、理还乱。...

作为全球最流行的编程语言之一，JavaScript 拥有大量强大却被忽视的语言特性。掌握这些隐藏技巧，不仅能让代码更简洁优雅，还能显著提升开发效率和维护性。...

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

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

使用 Valtio 和 MobX 虽然 Valito 和 MobX 背后的 工作原理不一样，Valito 经常 被 拿来 和 MobX进行比较。这两者在 绑定 React上...

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

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

# 结合 `useReducer` 使用 React Tracked 在这个例子中，我们要用 `useReducer` 来替代 `useState`。 `useReduce...

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

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

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

理解Jotai如何存储atom的值 目前为止，我们还没讨论 Jotai是如何使用 Context的。在这个部分，我们会学习atom如何存储值，并如何可复用。 首先，我们先复...

Jotai (https://github.com/pmndrs/jotai)是一个小型的全局状态管理库。它基于 useState 和 useReducer 构建了 用于小...

目前为止，我们已经讨论了可以实现全局状态的基本方案。在这一章，我们会基于一个已经发布的库进行讲解 - Zustand。 Zustand(https://github.com...

目前为止，我们已经学习了几个共享状态的模式了。这本书剩下的内容，会介绍使用了这些模式的各种库。在深入这些库之前，我们会回顾全局状态会遇到的挑战，以及两大主题：状态应该存在哪...

在前面两章，我们学习了如何使用Context和订阅来实现全局状态。它们二者各有其利弊：Context允许我们在不同的子树注入不同的值，而订阅可以避免一些额外的重新渲染。 在...

在前面的章节，我们学习了如何使用Context 来实现全局状态。我们可以知道，Context并不适合用于单例模式；它就是设计来避免单例模式，并为不同的子树提供不同的值的。对...

自React 16.3 以来，React为我们提供了Context。Context本身与状态无关，但它是一个不依赖属性进行跨组件传值的机制。通过把Context与组件状态组...