Redux 入门Redux 是一个用于可预测且可维护的全局状态管理的 JS 库。
它帮助您编写行为一致的应用程序,在不同的环境(客户端、服务器和原生)中运行,并且易于测试。最重要的是,它提供了极佳的开发体验,例如 实时代码编辑与时间旅行调试器相结合。
您可以将 Redux 与 React 或任何其他视图库一起使用。它很小(2kB,包括依赖项),但拥有庞大的附加组件生态系统。
Redux Toolkit 是我们官方推荐的编写 Redux 逻辑的方法。它围绕 Redux 核心进行包装,并包含我们认为构建 Redux 应用程序必不可少的包和函数。Redux Toolkit 内置了我们建议的最佳实践,简化了大多数 Redux 任务,防止常见错误,并使编写 Redux 应用程序变得更加容易。
RTK 包含有助于简化许多常见用例的实用程序,包括 商店设置、创建 reducer 和编写不可变更新逻辑,甚至 一次创建整个“切片”状态。
无论您是刚开始使用 Redux 设置第一个项目的新手,还是想要简化现有应用程序的经验丰富的用户,Redux Toolkit 都可以帮助您改进 Redux 代码。
安装Redux ToolkitRedux Toolkit 作为 NPM 上的包提供,可用于模块打包器或 Node 应用程序。
# NPMnpm install @reduxjs/toolkit# Yarnyarn add @reduxjs/toolkit创建 React Redux 应用程序使用 React 和 Redux 启动新应用程序的推荐方法是使用 我们官方的 Redux+TS 模板 for Vite,或者使用 Next 的 with-redux 模板 创建新的 Next.js 项目。
这两个模板都已为该构建工具正确配置了 Redux Toolkit 和 React-Redux,并附带一个小型示例应用程序,演示了如何使用 Redux Toolkit 的几个功能。
# Vite with our Redux+TS template# (using the `degit` tool to clone and extract the template)npx degit reduxjs/redux-templates/packages/vite-template-redux my-app# Next.js using the `with-redux` templatenpx create-next-app --example with-redux my-app我们目前没有官方的 React Native 模板,但建议使用这些模板来创建标准的 React Native 应用程序和 Expo 应用程序。
https://github.com/rahsheen/react-native-template-redux-typescripthttps://github.com/rahsheen/expo-template-redux-typescriptRedux 核心Redux 核心库作为 NPM 上的包提供,可用于模块打包器或 Node 应用程序。
# NPMnpm install redux# Yarnyarn add redux该包包含一个预编译的 ESM 构建,可以直接在浏览器中用作