redux 工具包的用途
我们已经知道 redux 是 javascript 应用程序的一个强大的状态管理库，特别是在使用 react 时。
但是使用 redux 很困难，因为它设置 redux 的代码很繁重。这使得维护和调试变得困难。这就是 redux toolkit 可以提供帮助的地方。
redux 工具包解决的问题
- 开店太复杂了。
- 添加许多包以与 redux 一起使用，例如中间件、工具。
- redux 需要太多代码来设置
redux 工具包是官方推荐的编写 redux 逻辑的方法。它提供了一组工具来简化开发，减少样板代码，有助于提高应用程序的可扩展性和可维护性。
redux 工具包的主要优点：
- 更少的样板代码：不再需要动作创建者和常量。
- 简化的商店设置：提供单个 api 来使用合理的默认值配置商店。
- 内置对不变性和 devtools 的支持：自动启用 redux devtools 并与 immer 集成以实现不变性。
- 更好的 typescript 支持：提供更好的打字效果并与 typescript 很好地集成。
我们可以将 redux 工具包与任何 javascript 库一起使用，因此我们使用 react 设置 redux 工具包。
在 react 应用程序中设置 redux 工具包
第 1 步：创建一个新的 react 项目
首先，让我们创建一个新的 react 应用程序。您可以使用 create-react-app 或 vite 来实现此目的。为了简单起见，我们将在这里使用 create-react-app。
npx create-react-app redux-toolkit-example cd redux-toolkit-example
网友留言2