Redux or Mobx——前端应用状态管理方案的探索与思考

程序员研修院

企业官方账号

2023-01-12 15:16:36

课时名称	课时知识点
Redux or Mobx——前端应用状态管理方案的探索与思考

...全文

81 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

前言现在最热门的前端框架，毫无疑问是React。React是一个状态机，由开始的初始状态，通过与用户的互动，导致状态变化，从而重新渲染UI。对于小型应用，引入状态管理库是”奢侈的”。但对于复杂的中大型应用，引入状态管理库是”必要的”。现在热门的状态管理解决方案Redux，MobX相继进入开发者的视野。Redux、MobX哪一个更适合你的项目？在react项目中使用redux or mobx？正如爱因

编者注：本文于 2022 年 9 月 23 日更新，添加了关于为什么我们需要在 React 中进行状态管理的信息，添加了之前未包含在文章中的其他状态管理工具，例如 Jotai、MobX 和 Zusand，并添加了有关哪些状态管理的信息工具是 React 的最佳选择。状态管理是每个开发人员在构建 React 应用程序时面临的基本挑战——而且它不是一个小问题。在 React 中有很多有效的管理状态的方法，每一种都解决了一组突出的问题。

原文地址：https://segmentfault.com/a/1190000010084073 React 是一个专注于视图层的库。React 维护了状态到视图的映射关系，开发者只需关心状态即可，由 React 来操控视图。在小型应用中，单独使用 React 是没什么问题的。但在复杂应用中，容易碰到一些状态管理方面的问题，如： React 只提供了在内部组件修改状态的接口

Zustand是一个轻量级的状态管理库，旨在为React应用提供简单而强大的状态管理解决方案。它的名字在德语中意为“状态”，这也恰如其分地反映了它的核心功能。与Redux等传统状态管理库相比，Zustand的API更加简洁，使用起来也更加灵活。Zustand是一个非常强大的状态管理库，它以简单、灵活和高性能的特点，成为了许多React开发者的首选。【CodeMoss】集成13个种AI模型（GPT4、o1等）、提示词助手100+、支持Open API调用、自定义助手、文件上传等强大功能，助您提升工作效率！

useReducer最终返回一个存储有当前状态值和dispatch函数的数组，该dispatch函数触发的时，会调用reducer的方法，reducer方法返回的值会更新state。众所周知，useState 常用在单个组件中进行状态管理，但是遇到状态全局管理的时候，useState 显然不能满足我们的需求，这个时候大多数的做法是利用第三方的状态管理工具，像 redux，Recoil 或者 Mobx。2、组件负责发出 action，reducer 负责更新状态的模式，使得代码逻辑更加清晰。

CSDN讲师的课程社区_NO_24

1

社区成员

50

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章