async-reducer-context/src/types/index.ts

通过react-context,useReducer替代redux，可扩展支持与redux周边middleware中间件，通过useModel(['key'])可获取state和dispatch，其中useModel已做到获取的属性值变化，组件才会重新渲染，摆脱useContext因context中无关数据导致的重复渲染问题。

import { Statement } from "@babel/types";
import React from "react";


interface IActionMap {
  // eslint-disable-next-line no-unused-vars
  [key: string]: (state: IState, payload: Ipayload) => IState,
}

interface IAction {
  type: string,
  payload: Ipayload
}

interface Ipayload {
  [key: string]: string,
}
interface IState {
  [key: string]: any,
}

interface Action<T = any> {
  type: T
}

interface AnyAction extends Action {
  // Allows any extra properties to be defined in an action.
  [extraProps: string]: any
}

interface Dispatch<A extends Action = AnyAction> {
  <T extends A>(action: T, ...extraArgs: any[]): T
}

interface MiddlewareAPI<D extends Dispatch = Dispatch, S = any> {
  dispatch: D
  getState(): S
}

interface Middleware<
  _DispatchExt = {}, // TODO: remove unused component (breaking change)
  S = any,
  D extends Dispatch = Dispatch
> {
  (api: MiddlewareAPI<D, S>): (
    next: D
  ) => (action: D extends Dispatch<infer A> ? A : never) => any
}

interface IStore {
  getState: (state : any) => any,
  dispatch: Dispatch
}

interface IProvider {
  value: any, 
  children: React.ReactChild
}

export {
  IAction,
  IActionMap,
  Ipayload,
  Dispatch,
  Middleware,
  IStore,
  IProvider
};

export default IState;