react数据集中式管理第四篇--@rematch/core

今天，我们来介绍@rematch/core

其他几篇：

react数据集中式管理第一篇–Redux初认识

react数据集中式管理第二篇–@reduxjs/toolkit

react数据集中式管理第三篇–redux-saga

@rematch/core的使用教程

Rematch是在redux的基础上再次封装，使用rematch，我们就不需要再声明action类型、action创建函数、thunks配置；

如果你之前学过vuex，那你对这个不会陌生，因为模式基本上一样。

引入依赖： yarn add @rematch/core   （这里1.0版本和2.0版本还有些不一样，后续会讲到）

在store.js文件里面引入rematch：

用 init 初始化store，里面的一些属性后面介绍；

// 文件路径： /store/index.js
import { init } from "@rematch/core";
import count from "./modules/count";
import user from "./modules/user";
import postsReducer from "./modules/postsSlice";
import { counterReducer } from "./modules/createReducer";
import createSagaMiddleware from "redux-saga"; // 引入redux-saga中的createSagaMiddleware函数
import rootSaga from "./saga.js"; // 引入saga.js
import listen from "./modules/middleware";

const sagaMiddleware = createSagaMiddleware();

// 用 init 初始化store
const store = init({
  models: {
    count,
    user, // 引入 user 模块
  },
  plugins: [listen],
  redux: {
    devtoolOptions: {
      maxAge: 500,
      traceLimit: 500,
    },
    reducers: {
      posts: postsReducer,
      counter: counterReducer,
    },
    middlewares: [sa