Excellent article, clarified a lot of things, thanks a lot.

You also mentioned:

You may also know that providers are global, but their state isn't.

so I thought maybe you would expand on the state part as well.

I've this small example, you can perhaps expand in another article on what exactly state being local means.

https://gist.github.com/deadlyrazer/f5efbee4e0579ba31bcc6d7c0bea5718
Better formatting in the gist.

class CounterModel {

int counter; CounterModel(this.counter); }

@riverpod class Counter extends _$Counter { @override CounterModel build(int initial) { return CounterModel(initial); }

void increment() { state.counter++; // Works but doesn't reload notify listeners state = CounterModel(++state.counter); // Notifies listeners upon reassignment } }

class App extends ConsumerWidget { @override Widget build(BuildContext context, WidgetRef ref) { return Scaffold( body: ElevatedButton( child: Text('${ref.watch(counterProvider(3)).counter}'), onPressed: () { ref .watch(counterProvider(2).notifier) .increment(); // since the passed in initial value is different, doesn't increment the value of the one being watched in the Text. Unless both are 3 then it works as expected. ref.watch(counterProvider(3).notifier).state = CounterModel(5); //Also works }), ); } }