前言 之前写react项目都是通过redux对数据进行统一个管理，但是现在实习团队使用是mobx，原因是简单，有一种在react写vuex的感觉，查看了好多资料都是很古老的装饰器使用方式，但是现在都是

2021年又快过去了，是时候来盘点一下React社区最新的状态管理方案现状（包括原生Hook、Redux、Mobx、Recoil等）。

一个项目，一个复杂的逻辑，我觉得状态管理显得尤为的重要，状态管理的好不好，直接体现了一个项目的逻辑性、可读性、维护性等是否清晰，易读，和高效。 从最早的类组件使用 this.state, this.setState 去管理状态，到 redux , subscribe, disp…

1. 背景 任何一个工具，技术的出现都是为了解决一个或多个问题。 同样，状态管理是为了解决（React为例，React没有全局状态）： 数据共享 组件全局通信 当你在这两个问题上遇到了解决不了的问题后

React 16.8 正式推出 Hooks 至今已经两年多了，有些朋友却一直觉得这是个新技术，对上手使用 Hooks 仍然处于观望状态，即使大多数使用React 技术栈的公司，他们所开发的项目也是多数采用React.Component的形式。 还有些朋友想要使用 React H…

在我实习入职培训的时候，给我培训的老哥就跟我说过，redux的核心源码很简洁，建议我有空去看一下，提升对redux系列的理解。 入职一个多月了，已经参与了公司的不少项目，redux也使用了一段时间，对于redux的理解却一直没有深入，还停留在“知道怎么用，但是不知道其核心原理”…

核心重点就是：MobX 通过响应式编程实现简单高效，可扩展的状态管理。 React 和 MobX 相辅相成，相互合作。 这里先了解下大概整理流程，接下来会结合代码，介绍每一个部分。 注意：transform-decorators-legacy 一定放在第一个。 1. 设置可观察…

Redux是一个数据管理层，被广泛用于管理复杂应用的数据。但是实际使用中，Redux的表现差强人意，可以说是不好用。而同时，社区也出现了一些数据管理的方案，Mobx就是其中之一。 这是Redux给自己的定位，但是这其中存在很多问题。 首先，Redux做了什么？看Redux的…

在 JS 中对象的使用需要格外注意引用问题，断绝引用的方式常见有深拷贝。但是深拷贝相比较而言比较消耗性能。本文主要简介 immutable-js 和 immer 两个处理「不可变数据」的库，同时简单分析了 immer 的实现方式，最后通过测试数据，对比总结了 immutable…