8个超级有用的反应状态管理库的列表 - 了解您应该使用哪个
什么是反应国家管理?
React组件具有称为状态的内置对象。一个反应状态类似于JavaScript数据结构。组件使用该州存储可重复使用的资产。组件状态可能会经常更改,这需要在状态更改时重新渲染组件。
当涉及到React状态时,它并不像使用诸如Usestate或UserEducer之类的简单React挂钩那样简单。
有大量州,还有大量的州管理库,并且此数字每天都在扩展。因此,最好的方法是选择最满足您需求并了解一切的情况,以防一切都更好的方法。
一些最受欢迎的RSM库的列表
1. redux
选择任何库之前,您应该知道您遇到的问题。不使用它只是因为有人告诉您。在使用之前,请做作业。并非所有应用都需要redux。当本地管理状态在本地变得混乱时,您应该使用Redux。使用Redux需要您了解更多概念并编写更多代码。
请参阅下面的图表以了解Redux的工作方式:
Redux的一些优点是其社区支持,服务器端渲染,轻松调试和状态持久性。您可以将Redux与React或任何其他库一起使用。包括依赖项,仅重2 kb。
Redux开发人员之一Dan Abramov说:我想修改以下:不要使用redux,直到您有香草的问题。
2.Reduxâtoolkit
开发Redux应用程序时,建议使用Redux工具包。它使您的代码更好。 Redux Toolkit结合了我们建议的最佳实践,简化了大多数REDUX任务,防止常见错误,并且更容易编写Redux应用程序。
安装:
# NPM
npm install @reduxjs/toolkit
# Yarn
yarn add @reduxjs/toolkit
链接:http://https//:redux-toolkit.js.org/
3.重新比赛
重新赛是Redux的最佳实践。切换语句,thunk,动作类型和动作创造者已被删除。
作为REDUX的替代品,Remutch具有许多出色的功能。
复赛消除了样板,轻巧(小于2 kb),不需要配置,并支持打字稿和React DevTools。
此外,它支持React Native,强制执行最佳实践,具有热重载,动态添加还原器,允许您设置多个商店,可以使用插件进行扩展,并且易于使用。
。4.后坐力
后退是由Facebook开发的开源反应状态管理库。它与反应更相似。在整个应用程序中,各州通过原子和选择器传递。这减少了不必要的重新渲染并提高了性能。后坐力是一种反应状态管理的高级方法。
请参阅下面的图表以了解后坐力的工作方式:
5.钩州
基于React Hook的最简洁,快速的状态管理库。
功能:
-
灵活的API
-
易于学习
-
令人难以置信的快速
-
更好的性能
-
支持打字稿
-
插件可扩展
6.东西
Jotai是一个简约而灵活的库,用于管理一个简单的React全局状态。
与后坐力相比,Jotai具有许多功能。从我从后坐力和Jotai的知识中,如果您从这两个库中选择一个库,请选择Jotai。后坐力在内存泄漏方面存在问题。后坐力的性能优于Jotai,其样板和较小的核心API等优于
。Jotai的一些主要特征:
-
打字条专注于
-
无额外的重新渲染
-
无动作
-
无商店 p> li>
-
无还原器
-
没有调度员
如果您想了解更多信息,请阅读此article 并观看免费的course 的更多详细信息。
7.条件
毫无疑问,Redux是管理全球状态的最受欢迎的图书馆。但是,像Zustries这样的图书馆和务实地管理全球状态。
功能:
-
可扩展和快速
-
它不需要样板
-
与Redux相比,它不那么复杂
-
少量的代码
-
开发人员对
的反应
有关更多信息,请阅读本文Managing React state with Zustand
链接:https://docs.pmnd.rs/zustand/getting-started/introduction
8. mobx
这是一个简单明了的状态管理库,它应用了反应性功能编程。该库重量轻,编写最小的代码,并且没有样板。它提供建筑自由和轻松,最佳的渲染。
请参见下面的图表,以更好地理解MOBX的概念。
包起来
非常感谢您的阅读。如果您发现它有帮助,请通过鼓掌,分享和发表评论来告诉我。
如果您有兴趣阅读更多信息,请关注我,不要忘记订阅我的新闻通讯来收到收件箱中的故事。
享受您的时间。快乐学习:)