Get started with mobx CDN
MIT licensed
MobX: library for observable, reactive state management.
Tags:- mobx
- mobservable
- observable
- react-component
- react
- reactjs
- reactive
- model
- frp
- functional-reactive-programming
- state management
- data flow
Stable version
Copied!
How to start using mobx CDN
// Import MobX and its reaction decorator
import { observable, action, computed, reaction } from 'https://cdn.cdnhub.io/mobx/6.12.0/mobx.umd.production.min.js';
// Define an observable store
class CounterStore {
// Make 'count' observable
@observable count = 0;
// Define an action to increment the count
@action increment() {
this.count++;
}
// Define a computed property to double the count
@computed get doubledCount() {
return this.count * 2;
}
// Define a reaction to log the doubled count when it changes
@reaction(() => this.doubledCount)
logDoubledCount() {
console.log('Doubled count:', this.doubledCount);
}
}
// Create an instance of the store and subscribe to updates
const store = new CounterStore();
store.subscribe(() => {
console.log('Count changed:', store.count);
});
// Increment the count and observe the reactions
store.increment();
store.increment();
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
All versions
2.0.0
2.0.1
2.0.2
2.0.3
2.0.4
2.0.5
2.0.6
2.1.0
2.1.1
2.1.2
2.1.3
2.1.4
2.1.5
2.1.6
2.1.7
2.2.0
2.2.0-beta.1
2.2.1
2.2.2
2.3.0
2.3.1
2.3.2
2.3.3
2.3.4
2.3.5
2.3.6
2.3.7
2.4.0
2.4.0-alpha1
2.4.0-beta1
2.4.0-fix427
2.4.1
2.4.2
2.4.3
2.4.4
2.5.0
2.5.0-alpha1
2.5.0-rc1
2.5.1
2.5.2
2.6.0
2.6.1
2.6.2
2.6.3
2.6.4
2.6.5
2.7.0
2.7.0-beta
3.0.0
3.0.0-rc.1
3.0.0-rc.2
3.0.1
3.0.2
3.1.0
3.1.1
3.1.10
3.1.11
3.1.11-rollup
3.1.12
3.1.13
3.1.14
3.1.15
3.1.16
3.1.17
3.1.2
3.1.3
3.1.4
3.1.5
3.1.6
3.1.7
3.1.8
3.1.9
3.2.0
3.2.1
3.2.2
3.3.0
3.3.1
3.3.2
3.3.3
3.4.0
3.4.1
3.5.1
3.6.0
3.6.1
3.6.2
4.0.0
4.0.0-alpha.1
4.0.0-alpha.2
4.0.0-beta.1
4.0.0-beta.2
4.0.0-beta.3
4.0.0-beta.4
4.0.1
4.0.2
4.1.0
4.1.1
4.10.0
4.11.0
4.12.0
4.13.0
4.13.1
4.14.0
4.14.1
4.15.0
4.15.4
4.15.5
4.15.6
4.15.7
4.2.0
4.2.1
4.3.0
4.3.1
4.3.2
4.4.0
4.4.1
4.4.2
4.5.0
4.5.1
4.5.2
4.6.0
4.7.0
4.8.0
4.9.0
4.9.1
4.9.2
4.9.3
4.9.4
5.0.0
5.0.0-beta.1
5.0.0-beta.2
5.0.0-beta.3
5.0.0-beta.4
5.0.0-beta.5
5.0.0-beta.6
5.0.0-beta.7
5.0.2
5.0.3
5.0.4
5.0.5
5.1.0
5.1.1
5.1.2
5.10.0
5.10.1
5.11.0
5.13.0
5.13.1
5.14.0
5.14.1
5.14.2
5.15.0
5.15.1
5.15.2
5.15.3
5.15.4
5.15.5
5.15.6
5.15.7
5.5.0
5.5.1
5.5.2
5.6.0
5.7.0
5.8.0
5.9.0
5.9.4
5.9.4-special
6.0.0
6.0.0-rc.10
6.0.0-rc.9
6.0.1
6.0.2
6.0.3
6.0.4
6.0.5
6.1.0
6.1.1
6.1.2
6.1.3
6.1.4
6.1.5
6.1.6
6.1.7
6.1.8
6.10.0
6.10.1
6.10.2
6.11.0
6.11.0-pre
6.12.0
6.12.1
6.12.3
6.12.4
6.12.5
6.13.0
6.13.1
*** 6.13.2
6.2.0
6.3.0
6.3.1
6.3.10
6.3.11
6.3.12
6.3.13
6.3.2
6.3.3
6.3.4
6.3.5
6.3.6
6.3.7
6.3.8
6.3.9
6.4.0
6.4.1
6.4.2
6.5.0
6.6.0
6.6.1
6.6.2
6.7.0
6.8.0
6.9.0
6.9.1