[Question] Change observable several times inside Action

[subzero911]

An Action batches all Observable changes and gives us a final result only.
What if I want not to batch changes, and want to rebuild Observer content on every Observable change?
Example - an optimistic update scenario:

• I click a "Like" button
• I change the Observable and a button turns red
• I perform a web request
• If it fails, I change the Observable again and button turns back to transparent

It all comes within a single Action.
It's easily achieved with notifyListeners(), but i don't how to do it with MobX.

[amondnet]

@subzero911 I haven't tested it, but how about doing something like this:

@action 
void  foo() {
  //  I change the Observable and a button turns red
}

@action 
void  bar() {
  //  I change the Observable again and button turns back to transparent
}

// without @action
Future<void> optimisticUpdate() {
  try {
    // I change the Observable and a button turns red
    foo();
    // I perform a web request
    performWebRequest();
  } catch (e) {
    // If it fails, I change the Observable again and button turns back to transparent
    bar();
  }
}

[Dalakoti07]

@amondnet Its is not working I tried this

[amondnet]

import 'dart:math';

import 'package:mobx/mobx.dart';

// Include generated file
part 'counter.g.dart';

class Counter = _Counter with _$Counter;

abstract class _Counter with Store {
  @readonly
  int _value = 0;

  @readonly
  bool _loading = false;

  Future<void> makeApiCall() async{
    _loading = true;
    // simulating api call
    await Future<dynamic>.delayed(const Duration(milliseconds: 1000));
    _loading = false;
  }

  Future<void> increment() async {
    _value = 0;
    await Future<dynamic>.delayed(const Duration(milliseconds: 1000));
    var _random = new Random();
    var _diceface = _random.nextInt(6) +1 ;
    _value = _diceface;
  }
}

[Dalakoti07]

@amondnet can you tell flutter version, dart version

and mob dependencies versions, and development machine

[amondnet]

@Dalakoti07 amondnet/mobx-issue-832@8673b93

I deleted two lines from your code and it works.

[Dalakoti07]

Thanks, its working, but in docs its mentioned that @action is used

https://mobx.netlify.app/api/action

is @action only for isolation/atomic changes?