React Toolkit与Hooks

自从React 16.8引入了Hooks语法特性以后,主流的中间件库都开始了升级改造以支持Hooks方式的使用。Redux也不例外,但是最新版的Redux除了引入了Hooks以外,还通过引入Redux Toolkit简化了之前饱受诟病的复杂的状态构建及控制方式。

Tip

虽然Redux提供了新的基于Redux Toolkit的使用方法,但是其核心理念并没有发生变化,之前一章中所介绍的内容在本章中依旧十分有用。

新版本提供的Redux Toolkit可以通过以下命令安装到项目中。

# 安装Redux Toolkit
npm i @reduxjs/toolkit
yarn add @reduxjs/toolkit
# 安装Redux React以及调试工具
npm i react-redux
npm i -D @redux-devtools/core
yarn add react-redux
yarn add @redux-devtools/core --dev

相比之前版本中直接安装Redux(现在被称为Redux Core),安装使用Redux Toolkit可以允许在项目中使用更多的快捷工具方法来简化Redux状态Store和处理过程的编码。

Tip

如果不打算在项目中使用Redux Toolkit,那么在项目中使用Redux的方法就跟前面一章中几乎完全相同,除了使用\texttt{Provider}在项目中提供Store上下文以外。