xmobx_counter_quickstart_with_observable_state_and_actions.ts

1import { observable, observe, action } from 'xmobx';
2
3// Define a state object
4const state = observable({
5  counter: 0,
6});
7
8// Observe changes to the state
9observe(state, (changes) => {
10  console.log('State changed:', changes);
11  console.log('New counter value:', state.counter);
12});
13
14// Define an action to update the state
15const increment = action(() => {
16  state.counter++;
17});
18
19// Trigger the action
20increment();