The collection of helpers 🛠 written with mobx 💪 and typescript ❤️ which helps you to simplify code and organize you application.
These are most 💙 frequently used libraries in my reactjs/mobx projects.
Click to the headers 👇 to navigate to the example page.
Represents the logic of an observable array. Control your collections with that store.
Represents the logic of an observable async operation. Useful for fetch/submit data from/to API.
You can easily control operation state based on OperationState, run operation in single instance and set up retries.
Represents the logic of an observable boolean value.
Looks similar to ToggleState but semantically is more appropriate for boolean flags.
Cases for BooleanStore:
Cases for ToggleState:
Represents a container with callbacks (like mobx reactions or any others) that should be called later to perform some disposal.
You can fill the container in a runtime and call dispose-method accordingly to yours application lifecycle.
Represents the logic of an observable numeric value.
Represents the logic of an observable object.
Useful in case of forms handling and representing complex data structures.
Represents the logic of an observable operation state with typical transitions.
Helps to control the single operation flow and react to every state change.
Represents the logic of an observable selection.
Allows managing selection state. For the instance the checkbox lists or radio button lists.
Represents the logic of an observable string.
Simplify a timer workflow.
Represents the state of the toggle operation (on/off/indeterminate).
For the instance, helps to control the checkbox state.
Represents the logic of an observable scalar value.
npm i --save ts-mobx-basic-stores
npm run lint.
npm run test.
Get stable 1.0.0 release ready.
Segregate all stores to separate packages later when it's stable (As for now, all stores combined to single package to develop and maintain it faster).