❤
npm
Sign UpSign In

dva-model-creator
TypeScript icon, indicating that this package has built-in type declarations

0.4.3 • Public • Published

Dva Model Creator

Build Status Codecov NPM version

Inspired by aikoven/typescript-fsa and dphilipson/typescript-fsa-reducers

If develop JavaScript project,you can use umijs/vscode-extension-umi-pro。

Advantage

  • Test coverage 100%, production available.
  • Type strong action without any.
  • 100% compatible with existing dva projects, can be mixed with the original dva/umi project.

How to use

yarn add dva-model-creator

Config app.ts to prevent namespacePrefixWarning.

export const dva = {
  config: {
    namespacePrefixWarning: false,
    onError(err: ErrorEvent) {
      err.preventDefault();
      console.error(err.message);
    },
  },
};
import { DvaModelBuilder, actionCreatorFactory } from 'dva-model-creator';
 
const actionCreator = actionCreatorFactory('namespace');
const add = actionCreator<number>('add');
const minus = actionCreator<number>('minus');
const asyncAdd = actionCreator<number>('asyncAdd');
const delay = timeout => new Promise(resolve => setTimeout(resolve, timeout));
 
interface Counter {
  number: number;
}
 
const model = new DvaModelBuilder<Counter>({ number: 0 })
  .case(add, (state, payload) => {
    return {
      number: state.number + payload,
    };
  })
  .case(minus, (state, payload) => {
    return {
      number: state.number - payload,
    };
  })
  .takeEvery(asyncAdd, function*(payload, { call, put }) {
    yield call(delay, 100);
    yield put(add(payload));
  })
  .build();
 
export default model;

Immer

immer and case cannot be used at the same time, and you should open immer manually.

import { DvaModelBuilder, actionCreatorFactory } from 'dva-model-creator';
 
const actionCreator = actionCreatorFactory('namespace');
const add = actionCreator<number>('add');
const minus = actionCreator<number>('minus');
 
interface Counter {
  number: number;
}
 
const model = new DvaModelBuilder<Counter>({ number: 0 })
  .immer(add, (state, payload) => {
    state.number += payload;
  })
  .immerWithAction(minus, (state, action) => {
    state.number -= action.payload;
  })
  .build();
 
export default model;

招聘

食亨团队始于 2017 年，总部位于上海，目前员工近 800 人。服务超过 300 个国内知名餐饮连锁品牌，近万家门店，覆盖 85 个城市。是国内领先的规模化、系统化运营的餐饮外卖运营公司。得到中国顶尖资本助力，获得了来自红杉资本中国及高榕资本领投的过亿元融资。

招聘前端小伙伴。

邮箱 fandi.yuan@shihengtech.com

Readme

Keywords

none

Package Sidebar

Install

npm i dva-model-creator

Repository

github.com/DiamondYuan/dva-model-creator

Homepage

github.com/DiamondYuan/dva-model-creator#readme

Weekly Downloads

32

Version

0.4.3

License

MIT

Unpacked Size

26.4 kB

Total Files

8

Last publish

Collaborators

  • diamondyuan
Try on RunKit
Report malware