@dxjs/shared

v2.0.9

Published

Unified management of your application status, use enhancer to deal with other tedious things

Downloads

31

Readme

dxjs

基于 Redux、Redux-saga、Typescripe 的库,用来组织应用中的副作用和管理状态

快速开始

// 入口
import React from "react"
import { Dx } from "@dxjs/core"
import App from "./app"

const DxApp = Dx.create()

ReactDOM.render((<DxApp><App /></DxApp>), document.getElementById('root'))

// model
import { Dx, DxMoel } from "@dxjs/core"
import { Reducer, Effect } from "@dxjs/common"

@Dx.collect()
class Counter extends DxMoel {
    state = {
        count: 0
    }

    @Reducer
    updateState(count, state) {
        this.state.count = count
    }

    @Effect
    *asyncUpdateState() {
        yield this.$delay(1000)
        yield this.$put(Counter.updateState(200))
    }
}

### example

- [sample \(by create-react-app\)](./examples/create-react-app)