什么是反应国家管理?
#javascript #网络开发人员 #react #redux

8个超级有用的反应状态管理库的列表 - 了解您应该使用哪个

什么是反应国家管理?

React组件具有称为状态的内置对象。一个反应状态类似于JavaScript数据结构。组件使用该州存储可重复使用的资产。组件状态可能会经常更改,这需要在状态更改时重新渲染组件。
当涉及到React状态时,它并不像使用诸如Usestate或UserEducer之类的简单React挂钩那样简单。

有大量州,还有大量的州管理库,并且此数字每天都在扩展。因此,最好的方法是选择最满足您需求并了解一切的情况,以防一切都更好的方法。

一些最受欢迎的RSM库的列表

1. redux

选择任何库之前,您应该知道您遇到的问题。不使用它只是因为有人告诉您。在使用之前,请做作业。并非所有应用都需要redux。当本地管理状态在本地变得混乱时,您应该使用Redux。使用Redux需要您了解更多概念并编写更多代码。

请参阅下面的图表以了解Redux的工作方式:

Image description

Redux的一些优点是其社区支持,服务器端渲染,轻松调试和状态持久性。您可以将Redux与React或任何其他库一起使用。包括依赖项,仅重2 kb。

Redux开发人员之一Dan Abramov说:

我想修改以下:不要使用redux,直到您有香草的问题。

链接:https://redux.js.org/

Image description

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/

Image description

3.重新比赛

重新赛是Redux的最佳实践。切换语句,thunk,动作类型和动作创造者已被删除。

作为REDUX的替代品,Remutch具有许多出色的功能。

复赛消除了样板,轻巧(小于2 kb),不需要配置,并支持打字稿和React DevTools。

此外,它支持React Native,强制执行最佳实践,具有热重载,动态添加还原器,允许您设置多个商店,可以使用插件进行扩展,并且易于使用。

链接:https://rematchjs.org/

Image description

4.后坐力

后退是由Facebook开发的开源反应状态管理库。它与反应更相似。在整个应用程序中,各州通过原子和选择器传递。这减少了不必要的重新渲染并提高了性能。后坐力是一种反应状态管理的高级方法。

请参阅下面的图表以了解后坐力的工作方式:

Image description

链接:https://recoiljs.org/

Image description

5.钩州

基于React Hook的最简洁,快速的状态管理库。

功能:

  • 灵活的API

  • 易于学习

  • 令人难以置信的快速

  • 更好的性能

  • 支持打字稿

  • 插件可扩展

链接:https://hookstate.js.org/

Image description

6.东西

Jotai是一个简约而灵活的库,用于管理一个简单的React全局状态。

与后坐力相比,Jotai具有许多功能。从我从后坐力和Jotai的知识中,如果您从这两个库中选择一个库,请选择Jotai。后坐力在内存泄漏方面存在问题。后坐力的性能优于Jotai,其样板和较小的核心API等优于

Jotai的一些主要特征:

  • 打字条专注于

  • 无额外的重新渲染

  • 无动作

  • 无商店

  • 无还原器

  • 没有调度员

如果您想了解更多信息,请阅读此article 并观看免费的course 的更多详细信息。

链接:https://jotai.org/

Image description

7.条件

毫无疑问,Redux是管理全球状态的最受欢迎的图书馆。但是,像Zustries这样的图书馆和务实地管理全球状态。

功能:

  • 可扩展和快速

  • 它不需要样板

  • 与Redux相比,它不那么复杂

  • 少量的代码

  • 开发人员对

  • 的反应

有关更多信息,请阅读本文Managing React state with Zustand

链接:https://docs.pmnd.rs/zustand/getting-started/introduction

Image description

8. mobx

这是一个简单明了的状态管理库,它应用了反应性功能编程。该库重量轻,编写最小的代码,并且没有样板。它提供建筑自由和轻松,最佳的渲染。

请参见下面的图表,以更好地理解MOBX的概念。

链接:https://mobx.js.org

Image description

包起来

非常感谢您的阅读。如果您发现它有帮助,请通过鼓掌,分享和发表评论来告诉我。

如果您有兴趣阅读更多信息,请关注我,不要忘记订阅我的新闻通讯来收到收件箱中的故事。

享受您的时间。快乐学习:)

社交:Medium | Twitter | GitHub | Hashnode | DEV.to