Effector
made with React

Effector是一个JavaScript应用程序状态管理器☄️，支持React / Vue / Node.js，支持多Store状态 ，支持管理复杂应用程序中的数据。

Effector控制流程清晰、支持强类型和大容量API。Effector既支持TypeScript也支持Flow类型注释，开箱即用。

安装

Npm

npm i effector effector-react

Yarn

yarn add effector effector-react

使用

import {createStore, createEvent} from 'effector'

const add = createEvent()
const sub = createEvent()
const reset = createEvent()

const counter = createStore(0)
  .on(add, (count, n) => count + n)
  .on(sub, (count, n) => count - n)
  .reset(reset)

counter.watch(n => console.log('counter:', n))
// counter: 0
add.watch(n => console.log('add', n))
sub.watch(n => console.log('subtract', n))
reset.watch(() => console.log('reset counter'))

add(5)
// add 5
// counter: 5
sub(1)
// subtract 1
// counter: 4
reset()
// reset counter
// counter: 0

示例