首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
Micro State Management With React Hooks
市民中心的蟋蟀
创建于2025-03-23
订阅专栏
愉快地翻译 DaShi Kato的书
等 3 人订阅
共16篇文章
创建于2025-03-23
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
第十一章 这三个全局状态管理库之间的共性与差异 【下】
使用 Valtio 和 MobX 虽然 Valito 和 MobX 背后的 工作原理不一样,Valito 经常 被 拿来 和 MobX进行比较。这两者在 绑定 React上,有一定的相似性。它们俩都是
第十一章 这三个全局状态管理库之间的共性与差异 【中】
理解何时使用 Jotai 和 Reocil Jotai 的 API 受到了 Recoil 很多 启发。在本小节,我们会 把 一个 Recoil 的 例子 转变为 Jotai的 例子,并 比较 这 两者
第十一章 这三个全局状态管理库之间的共性与差异 【上】
在本书,我们讨论了三个全局状态管理库:Zutand,Jotai 和 Valtio。让我们比较这三个库之间的共性与差异。这三个库,都有其独自的特性。 Zustand 在用法和 存储模型上,与 Redux
第十章 案例 4 - React Tracked 【下】
# 结合 `useReducer` 使用 React Tracked 在这个例子中,我们要用 `useReducer` 来替代 `useState`。 `useReducer`是一个语法稍微复杂一
第十章 案例 4 - React Tracked 【上】
React Tracked(https://react-tracked.js.org)是一个用于状态使用追踪的库,它能基于属性访问自动优化重新渲染。它提供了类似Valtio的减少额外重新渲染的功能。
第九章 案例 3 - Valtio 【上】
Valito是另一个实现全局状态的库。不像 Zustand 和 Jotai,Valito 是 基于可变更新模型的。它主要用于类似 Zustand 的模块状态管理。它利用代理(proxies)来获取不可
第九章 案例 3 - Valtio 【下】
# 创建应用代码 接下来,我们要用Valito来 创建一个 小型应用。 首先,我们要定义一个Todo类型: ```js type Todo = { id: stirng; tit
第八章:案例 2 - Jotai - 下
理解Jotai如何存储atom的值 目前为止,我们还没讨论 Jotai是如何使用 Context的。在这个部分,我们会学习atom如何存储值,并如何可复用。 首先,我们先复习一下简单的atom定义:
第八章:案例 2 - Jotai - 上
Jotai (https://github.com/pmndrs/jotai)是一个小型的全局状态管理库。它基于 useState 和 useReducer 构建了 用于小块状态的 atoms。
第七章:案例 1 - Zustand
目前为止,我们已经讨论了可以实现全局状态的基本方案。在这一章,我们会基于一个已经发布的库进行讲解 - Zustand。 Zustand(https://github.com/pmndrs/zustan
第六章 :介绍全局状态管理库
目前为止,我们已经学习了几个共享状态的模式了。这本书剩下的内容,会介绍使用了这些模式的各种库。在深入这些库之前,我们会回顾全局状态会遇到的挑战,以及两大主题:状态应该存在哪里 和 如何控制 重新 渲染
第五章 使用Context和订阅来共享组件状态
在前面两章,我们学习了如何使用Context和订阅来实现全局状态。它们二者各有其利弊:Context允许我们在不同的子树注入不同的值,而订阅可以避免一些额外的重新渲染。 在这一章,我们会学习一个新的方
第四章: 使用订阅来共享模块状态
在前面的章节,我们学习了如何使用Context 来实现全局状态。我们可以知道,Context并不适合用于单例模式;它就是设计来避免单例模式,并为不同的子树提供不同的值的。对于一个类单例模式的全局状态来
第三章:使用Context来共享组件状态
自React 16.3 以来,React为我们提供了Context。Context本身与状态无关,但它是一个不依赖属性进行跨组件传值的机制。通过把Context与组件状态组合在一起,我们就可以构造全局
第二章: 使用局部状态与全局状态
React 的组件本质上是一个树结构。在树结构中,在某个子树中生成一个状态是很常见的:你在某个更高层的组件定义了一个状态,然后这个状态在这个组件及其子组件中被消费了。这种实践队维持代码的本地性和可复用
第一章:什么是使用React 钩子 实现 微状态管理
状态管理 是 开发React应用时,最重要的话题之一。一般来说,传统的React状态管理涉及到一个庞大的、统一的为用户提供状态管理能力的库。 但是自React 钩子面世后,这个情况改变了。我们可以使用