认识ReduxToolkit

认识Redux Toolkit

◼ Redux Toolkit 是官方推荐的编写 Redux 逻辑的方法。

         在前面我们学习Redux的时候应该已经发现，redux的编写逻辑过于的繁琐和麻烦。

         并且代码通常分拆在多个文件中（虽然也可以放到一个文件管理，但是代码量过多，不利于管理）；

         Redux Toolkit包旨在成为编写Redux逻辑的标准方式，从而解决上面提到的问题；

         在很多地方为了称呼方便，也将之称为“RTK”；

◼ 安装Redux Toolkit：

npm install @reduxjs/toolkit react-redux

◼ Redux Toolkit的核心API主要是如下几个：

         configureStore ：包装createStore以提供简化的配置选项和良好的默认值。它可以自动组合你的 slice reducer，添加你提供

的任何 Redux 中间件，redux-thunk默认包含，并启用 Redux DevTools Extension。

         createSlice ： 接受 reducer 函数的对象、切片名称和初始状态值，并自动生成切片 reducer ，并带有相应的 actions 。

         createAsyncThunk : 接受一个动作类型字符串和一个返回承诺的函数，并生成一个pending/fulfilled/rejected基于该承诺分

派动作类型的 thunk

ReduxToolkit重构

重构代码 – 创建counter的reducer

重构代码 – 创建home的reducer 

 store的创建

ReduxToolkit异步

Redux Toolkit的异步操作

extraReducer的另外一种写法 

Redux Toolkit的数据不可变性（了解）

 

connect高阶组件

自定义connect函数

context处理store

打印日志需求 

修改dispatch 

thunk需求

 

中间件的实现原理

合并中间件

React状态管理选择

React中的state如何管理