关于 Immer

已于 2022-08-29 09:53:12 修改
阅读量517 收藏
点赞数
分类专栏： 关于React 文章标签： 前端
于 2022-04-02 17:35:45 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41448406/article/details/123925457
版权

  1. Immer官网：👉详情
    作用：对于嵌套较深需要解构才能更改的状态，可以使用useImmer替代useState，减少重复复制代码。

  2. Immer的使用：👉详情
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

  3. 啊这：

  4. 啊这：

  5. 啊这：

  6. 啊这：

是纽扣也是烤奶
关注
专栏目录
use-immer:使用沉浸式通过React挂钩驱动状态
04-28
使用沉浸 一个钩子，用于将作为React来操纵状态。 安装 npm install immer use-immer 原料药 useImmer useImmer(initialState)与非常相似。 该函数返回一个元组，该元组的第一个值是当前状态，第二个是更新程序功能，该功能接受一个或一个值作为参数。 使用沉浸式生成器功能管理状态 将函数传递给更新程序时，可以自由更改draft参数，直到生产者结束并且更改将变为不可变并成为下一个状态。 示例： ： import React from "react" ; import { useImmer } from "use-immer" ; function App ( ) { const [ person , updatePerson ] = useImmer ( { name : "Michel" , age : 3
immer的使用
qq_42931285的博客
03-16 1161
immer的使用
`use-immer`: 简化React状态管理的最佳选择
gitblog_00056的博客
08-13 846
use-immer: 简化React状态管理的最佳选择 use-immerUse immer to drive state with a React hooks项目地址:https://gitcode.com/gh_mirrors/us/use-immer 项目介绍 use-immer 是一个基于Immer库构建的React Hook，它通过提供一种更直观的方式处理复杂和嵌套的状态更新来简化Re...
React 中useImmer的使用
m0_59878114的博客
09-09 1276
是一个自定义 React 钩子，它结合了 React 和 immer，用于更轻松地管理状态。它可以帮助你处理不可变状态，同时减少繁琐的状态更新代码。钩子可以使状态管理更加简单和可维护，特别是当你需要频繁修改深层嵌套的状态对象时。它使你能够在更新状态时编写更自然的代码，而不必手动创建新的状态副本。来修改状态，而不需要担心不可变性。immer 会自动处理状态的不可变性。通常，你会得到一个状态值和一个用于更新状态的函数。它的用法与 React 的。在上面的代码中，我们使用。
Immer 实用中文文档
衣乌安、随笔
02-21 2331
from： https://github.com/ronffy/immer-tutorial/blob/master/README.md 前言 Immer 是 mobx 的作者写的一个 immutable 库，核心实现是利用 ES6 的 proxy，几乎以最小的成本实现了 js 的不可变数据结构，简单易用、体量小巧、设计巧妙，满足了我们对JS不可变数据结构的需求。 无奈网络上完善的文档实在太少，所...
Immer 全解析
weixin_33704591的博客
02-24 2761
Example import produce from "immer" const baseState = [ { todo: "Learn typescript", done: true }, { todo: "Try immer", done: false } ] // baseState 不...
react-immer:使用Immer和React挂钩没有胡说八道的状态管理
05-26
import { createStore } from 'react-immer' import Counter from './Counter' createStore ( { count : 1 } ) function App ( ) { return } const rootElement = document . getElementById ( 'root' ) ReactDOM ...
sample-immer：这是示例代码。 使用Immer.JS和Typescript
02-10
**Immer.js与TypeScript结合使用** Immer.js是一个JavaScript库，它允许开发者使用"不可变数据"的方式进行状态管理，特别是在处理复杂的状态更新时，提供了简洁、直观的API。Immer.js的核心概念是"produce"函数，它...
immer-store:无需减速器，动作创建者和调度。 Immer覆盖了您
05-02
通过沉浸式存储，我们允许Immer进行更多控制，并且基本上摆脱了减速器，调度和动作创建者。 不必写这个： // action creator const receiveProducts = ( products ) => ( { type : RECEIVE_PRODUCTS , products...
immer-svelte
04-30
npm i -S immer immer-svelte 或者 yarn add immer immer-svelte 原料药 useImmer 该函数返回一个元组，该元组的第一个值是当前状态，第二个是更新程序功能，该功能接受一个，在该中， draft可以自由更改，直到...
immer-gifts:蛋头Immer课程随附的示例
05-06
这是egghead.io高级沉浸式课程的演示项目。 跑步 yarn yarn start-server & yarn start 使用yarn test进行测试。 该项目是通过引导的。
immer react
qq_43618136的博客
02-01 317
immer 可持久化数据结构库 背景 js中的对象是可变的，因为使用了引用赋值，新的对象简单的引用了原始对象，改变新的对象会影响到原始对象，所以如果想要脱离这种相互影响的矛盾关系，引用值的修改需要进行深复制，但是因为一个属性而进行全部二就是过多的深复制就会浪费内存，耗损性能。 关键 所以我们采用节点分支树的方法来管理一个数据结构就是最完美的方式 我知道你可能不知道什么叫节点分支树的概念，你可以想想项目管理工具git的分支运作原理 使用语法 import produce from 'immer'; cons
【React】useImmer的使用以及与useState的对比
owo_ovo的博客
10-23 777
useImmer的使用以及与useState的对比
immer原理浅析讨论
weixin_33923148的博客
09-26 942
immer讨论分享 1. 从简单的例子说起 从一个简单的例子说起，考虑下面这个例子： // case 1 const state = { name: 'wq', age: 18 } const nextState = { name: 'wq', age: 20 } // case 2 const state = { name: 'wq', detail: { ag...
React 使用技巧：useReducer、immer库和 Formik工具库
qq_42062727的博客
07-25 1866
1. 使用 useReducer hook useReducer 是 useState 的替代品，它可以更好的管理组件的状态。 useReudcer 的格式： import { useReducer } from "react"; let [state, dispatch] = useReducer(reducer, initialArg, init); 各个变量的含义： state 拿到状态数据； dispatch 派发 action 的函数； reducer 我们自己编写的 reducer 函数；
React的Immutable特性及使用Immer优化开发体验
weixin_53068161的博客
07-10 1290
React的Immutable特性及使用Immer优化开发体验
React Hooks系列之useImmer、useImmerReducer
热门推荐
Boboy
05-18 1万+
前言 react hooks 是 React 16.8 的新增特性。 它可以让我们在函数组件中使用 state 、生命周期以及其他 react特性，而不仅限于 class 组件。react hooks 的出现，标示着 react中不会在存在无状态组件了，只有类组件和函数组件。具体可查看官网。 优势： 函数组件不能使用state，遇到交互更改状态等复杂逻辑时不能更好地支持，hooks让函数组件更靠近class组件，拥抱函数式编程。 解决副作⽤问题，hooks出现可以处理数据获取、订阅、定时执行任务、手动修
推荐开源项目：use-immer - React Hooks与Immer的完美结合
gitblog_00066的博客
05-11 531
推荐开源项目：use-immer - React Hooks与Immer的完美结合 use-immerUse immer to drive state with a React hooks项目地址:https://gitcode.com/gh_mirrors/us/use-immer 项目介绍 use-immer 是一个React Hooks库，它巧妙地将immer的状态管理工具与React的H...
探索React开发新模式：use-immer——让你的state管理更加得心应手
最新发布
gitblog_00520的博客
08-15 276
探索React开发新模式：use-immer——让你的state管理更加得心应手 use-immerUse immer to drive state with a React hooks项目地址:https://gitcode.com/gh_mirrors/us/use-immer 在React的世界里，状态管理是一项核心任务，它影响着代码的可读性、可维护性和性能。然而，随着应用规模的增长，传统...
immer 的原理是什么，为什么它的性能更高
07-09
Immer 是一个用于处理不可变数据的库，它通过提供一种简洁的方式来创建和修改不可变数据，同时避免了不必要的数据复制。Immer 的原理主要基于结构共享（structural sharing）和代理（proxy）。 具体来说，Immer ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值