Managing Complex State in Flutter with Riverpod StateNotifier

The article discusses how the author used Riverpod's StateNotifier to manage complex state in a Flutter admin panel, including features like push notifications, user filtering, and real-time data updates.

Details

The author was building a Flutter admin panel that handled push notifications, user filtering, audience estimation, and real-time Firestore data. Initially, they tried using setState and Provider, but found these approaches became messy as the complexity of the app grew, especially when multiple screens needed to share and update the same state. After evaluating different state management solutions, the author settled on Riverpod's StateNotifier. They found this approach to be a good fit, as it provided immutable state updates, no BuildContext dependency, and easier testability compared to other options like Bloc. The article then walks through a real-world example of how the author implemented a notification composer feature with debounced audience estimation. When an admin selects filters (gender, city, tier, etc.), the app waits 500ms after they stop selecting, then calls a Cloud Function to estimate how many users match. The author used the Freezed package to generate boilerplate code for the state class, making it easier to manage the complex state with 12+ fields.