@wirestate/react-mobx

@wirestate/react-mobx

Re-exports MobX and mobx-react-lite, plus class decorator wrappers compatible with TypeScript's legacy decorators.

Installation

npm install @wirestate/react-mobx mobx mobx-react-lite

Usage

import {
  makeObservable,
  observer,
  Observable,
  ShallowObservable,
  Action,
  Computed,
} from '@wirestate/react-mobx';

Decorator wrappers

Example:

import { Injectable, Inject, WireScope } from '@wirestate/core';
import { makeObservable, Observable, Action } from '@wirestate/react-mobx';

@Injectable()
export class CounterService {
  @Observable()
  public count = 0;

  public constructor(@Inject(WireScope) private scope: WireScope) {
    makeObservable(this);
  }

  @Action()
  public increment(): void {
    this.count++;
  }
}

License

MIT