Flutter Riverpod for State Management
In this tutorial, we'll be learning about the Riverpod approach to state management, exploring the various types of providers offered by it's arsenal namely StateProvider, Provider, FutureProvider. We will look at the other providers for managing complex state objects from the least recommended to the top namely ChangeNotifierProvider, StateNotifierProvider, NotifierProvider and AsyncNotifierProvider.
To bring these concepts to life, we'll be building a board games list that fetches the board games data from the Board Game Atlas REST API. This is a perfect example to showcase the power of state management as we'll be able to seamlessly add each item in the list view to our wishlist and remove items from our wishlist.
Whether you're new to Flutter or a seasoned developer, this video will provide valuable insights and a comprehensive understanding of how to use Riverpod to manage the state of your application. Our goal is to ensure you leave with a solid understanding of how to implement state management in Flutter using Riverpod.
So, if you're ready to take your Flutter development skills to the next level, then sit back, relax and join us in this exciting journey!
=== Contents of this video ===
00:00 Intro
00:23 Install and Setup Packages
00:53 Instantiate and Use StateProvider for the Counter app
03:44 Introduce the project and the REST API
04:50 Implement WishlistRepository and cache instance with Provider
06:25 Implement FutureProvider for loading board game data
09:50 Implement ChangeNotifierProvider for loading board game data
14:07 Implement StateNotifierProvider for loading board game data
16:45 Implement NotifierProvider for loading board game data
18:25 Implement AsyncNotifierProvider for loading board game data
21:05 Implement Wishlist toggle functionality
24:16 Create wishlisted board games screen
28:40 Use Provider for caching calculated values with auto-update
30:25 Add code generation tooling with Riverpod annotation and build_runner
34:02 Outro
Please leave us your feedback in the comments, and let us know what you would like us to demonstrate next! You can reach out in the comments below or on Twitter using #Flutter #Dartlang #riverpod
Like, Subscribe and Hit the Bell 🔔 if you enjoyed this video 😍
Get the package → https://pub.dev/packages/flutter_rive...
Get the source code → https://github.com/graphicbeacon/flut...
Get started with Dart course → https://bit.ly/getstartedwithdart
Dart docs → https://dart.dev
Subscribe to the channel → http://bit.ly/2P2N1jC
Read More Dart Tutorials → https://creativebracket.com
Buy me a coffee → https://ko-fi.com/creativebracket
LET'S CONNECT
---
Twitter → / creativ_bracket
Support the channel → / creativebracket