State Management in Flutter with Riverpod

Why Riverpod?

Riverpod is a robust state management solution for Flutter that solves many of the problems we faced with Provider. It is compile-time safe, scalable, and extremely testable.

Setting Up Riverpod

First, add the dependency to your pubspec.yaml file:

dependencies:
  flutter:
    sdk: flutter
  flutter_riverpod: ^2.4.6

Then wrap your app in a ProviderScope:

void main() {
  runApp(const ProviderScope(child: MyApp()));
}

Creating a Provider

final counterProvider = StateProvider<int>((ref) => 0);

Consuming a Provider

class CounterView extends ConsumerWidget {
  const CounterView({super.key});

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final count = ref.watch(counterProvider);
    return Text('Count: $count');
  }
}

Best Practices

• Keep providers small and focused.
• Prefer Notifier and AsyncNotifier for complex logic.
• Use ref.watch in build methods and ref.read in callbacks.

Conclusion

Riverpod gives you a predictable, testable, and scalable way to manage state. Once it clicks, you will not want to go back.