安装

Redux Toolkit

Redux Toolkit 包含 Redux 核心库以及我们认为构建 Redux 应用必备的其他关键包（例如 Redux Thunk 和 Reselect）。

它作为 NPM 包提供，可用于模块打包工具或 Node 应用环境：

# NPM
npm install @reduxjs/toolkit

# Yarn
yarn add @reduxjs/toolkit

该包包含预编译的 ESM 构建版本，可直接在浏览器中作为 <script type="module"> 标签使用。

配套依赖包

React-Redux

您很可能还需要用于 React 的 react-redux 绑定库

npm install react-redux

请注意，与 Redux 本身不同，Redux 生态中的许多包不提供 UMD 构建版本，因此我们建议使用 Vite 或 Webpack 等模块打包工具以获得最佳开发体验。

Redux DevTools 扩展

Redux Toolkit 的 configureStore 会自动配置与 Redux DevTools 的集成。您需要安装浏览器扩展来查看 store 状态和 actions：

Redux DevTools 扩展：
- Chrome 版 Redux DevTools 扩展
- Firefox 版 Redux DevTools 扩展

如果使用 React，您可能还需要安装 React DevTools 扩展：

React DevTools 扩展：
- Chrome 版 React DevTools 扩展
- Firefox 版 React DevTools 扩展

创建 React Redux 应用

推荐使用官方 Redux+TS Vite 模板，或通过 Next.js 的 with-redux 模板创建新项目来启动 React+Redux 应用。

这两种方式都已针对相应构建工具正确配置 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` template
npx create-next-app --example with-redux my-app

目前我们尚未提供官方的 React Native 模板，但推荐以下标准 React Native 和 Expo 模板：

Redux 核心库

单独安装 redux 核心库：

# NPM
npm install redux

# Yarn
yarn add redux

如果不使用打包工具，您可以在 unpkg 访问这些文件，下载它们或配置包管理器指向这些资源。

Redux Toolkit​

配套依赖包​

React-Redux​

Redux DevTools 扩展​

创建 React Redux 应用​

Redux 核心库​