observable-react-state

An observable state implementation based on React's Component State approach.

Install

npm install --save observable-react-state

Usage

// @flow

import ObservableReactState from 'observable-react-state'

// Flow type applied to state property
type CounterStateType = {
  count: number
}

class CounterState extends ObservableReactState<CounterStateType> {
  state = {
    count: 0
  }

  increment() {
    // setState with an object
    this.setState({count: this.state.count + 1})
  }

  decrement() {
    // setState with a function
    this.setState(state => ({...state, count: state.count - 1}))
  }
}

const counter = new CounterState()

// Because it's an observable
counter.subscribe(() => console.log('count', counter.state.count)

counter.increment()
counter.decrement()

License

ISC © allain