Provider State management - ChangeNotifier + Flutter

Before we start with Riverpod I would like to talk about the good old Provider state management solution. The #Provider is a fantastic solution for state management and where the data come from.
You like our work and would like to support us, feel free to join us on Patreon.
/ flutterexp
Flutter State Management Docs
flutter.dev/docs/development/...
GitHub Repository
Provider Tutorial: github.com/md-weber/state_tut...
Provider Solution: github.com/md-weber/state_tut...
If you use this kind of tutorial, it would be fantastic if you could give me some feedback on how to improve the current work.
Feedback: github.com/md-weber/state_tut...
Tools we use to grow our KZbin channel
TubeBuddy Review - Manage Your KZbin Channel Easily
www.tubebuddy.com/flutterexpl...
Our current KZbin gear
🎙 Samson Mic: amzn.to/324Gpof
📟 Satechi USB-C Adapter: amzn.to/3kUdQ5M
💻 MacBook Pro: amzn.to/3iQ9MBx
📹 Lumix FZ1000: amzn.to/3g7tW8D
⭐️⭐️ Timetable ⭐️⭐️
00:00 - Introduction
00:22 - Provider Basics and Introduction
04:45 - Provider in Code
16:30 - Wrap up and Conclusion
⭐️⭐️ Follow us ⭐️⭐️
Twitter Mahtab - / mahtab_dev
Twitter Max - / flutter_exp
GitHub Mahtab - github.com/mt-tadayon
Github Max - github.com/md-weber
Homepage - flutter-explained.org/blog
⭐️⭐️ Support ⭐️⭐️
If you read this so far, thank you once more. If you like to support us, here are some links that could help me a lot.
You help us with a small donation on flutterexplained.live

[@mivoligo]

Let's say we need 3 providers for one widget. So instead of wrapping a widget with Consumer with Consumer with Consumer... we can wrap it with 'Consumer3' for example like this: Consumer3( builder: (context, oneProvider, anotherProvider, thirdProvider, child) { return MyCustomWidget( someValue: oneProvider.someValue, anotherValue: anotherProvider.importantValue, oneMoreValue: thirdProvider.somethingElse, ); } According to documentation we can go up to Consumer6 like this.

[@FlutterExplained]

That solves a lot of problems, thank you for sharing. I will pin it to the comments section so everyone will see it early. To make it easier readable, here is a carbon link: carbon.now.sh/k4Sf4SWoqQurH3oXHwEk

[@ShafqatNadeem]

thanks mivoligo

[@DavidHust]

Thank you for making this. It took me multiple videos but this one really helped make sense of it all. Appreciated.

[@Toasticuss]

Visualizing or diagramming the problem and visualizing the solution before jumping into coding would make your videos a lot easier to me.

[@FlutterExplained]

That sounds like a great idea, thanks for the feedback I try to create a fitting diagram for the future videos.

[@fazilkilicf]

I watched many tutorial videos but got it in this video. Thanks man!

[@FlutterExplained]

Great! I am really happy that it worked for you.

[@iamsusmitashrestha]

Thank you for making this video.I liked the step-wise process.Easy to visualize

[@FlutterExplained]

Thank you I will try to keep it like that and bring more of this step to step tutorials :)

[@onuaugustine7276]

wow, nice video. I like the way you explained everything clearly. Thank you.

[@adamcierniak3902]

Excelent video. So far I have used callback functions and "passing data by refernece" but this looks nicer.

[@makemypetgamedevprocess6475]

FINALLY AFTER SO MUCH BLOC AND SETSTATE I CAN USE PROVIDER-PERFECTLY EXPLAINED!! :)

[@FlutterExplained]

Fantastic, great to hear that it helped you :)

[@Raimkhodzhanov]

Thank You! It was very interesting!

[@supermath3491]

thanks man for the example it was so clear keep on

[@rahultirkey7950]

Thanks for making this tutorial. Its clear my doubts.

[@FlutterExplained]

I love to hear that :)

[@deoneloff]

Very good explanation and presentation!! Many thanks

[@FlutterExplained]

Glad it was helpful!

[@askmrmoses]

Great explanation

[@kobi665]

Great explanation!

[@FlutterExplained]

Thank you

[@atlantis_expedition_member4747]

This is the best provider video I watched. Using the todo as a teaching method made it really easy to understand provider. Keep using it and the zoom level on the code.

[@FlutterExplained]

Thanks for your feedback it is super motivating :).

[@hemishpancholi]

The video was very good. was able to understand the provider in seconds. I would suggest everyone see this video.

[@FlutterExplained]

Fantastic, I love that it helped you.

[@hemishpancholi]

@@FlutterExplained And also for VSCode we can use Pubspe assist extension for adding a package. It becomes so simple to add it. Just cmd+P and search Pubspec assist add the dependency. And type the name and done.

[@hardiklakhalani6268]

Finally, I understood Provider Flow! Thanks a lot, Sir for TODOs method. 👍🏻 👍🏻 LIKED & SUBSCRIBE.

[@fidamuntaseer1989]

Very clear explanation...thanks... :)

[@FlutterExplained]

You are welcome :)

[@delwarhossain43]

Nice. Good teacher. Thanks a lot. from Bangladesh.

[@FlutterExplained]

Amazing thank you so much for your kind words.

[@adbysantos6603]

Thanks for the video :)

[@FlutterExplained]

You are most welcome :)

[@yvesfricker5498]

Great, thank you very much!

[@FlutterExplained]

Glad it was helpful!

[@lorenbeall147]

thank you, nice content

[@FlutterExplained]

Thank you for your kind words :)

[@leonvanrijswijk8409]

Thanks. Nice example. Looking forward to the Riverpod-video. But could you also make a video like this on the ProxyProvider and also how that is implemented in Riverpod? The TODO's are helpful by the way.

[@saidisa5956]

Great episode! I liked how you explain every line you write, not too fast, not too slow, perfect base. just excellent! BTW, if my list is built from firestore, should I use change notifier provider (with subscription) or stream provider ?

[@FlutterExplained]

Very good question, in general you can do both, but because you receive a stream from Firebase usually it is easier to directly use the Stream Provider.

[@francescofreddi4374]

best explanation that i see on youtube! how much video there is :(

[@FlutterExplained]

Wow, thanks! I am really happy that it helped you :)

[@francescofreddi4374]

@@FlutterExplained can i ask where i can find some official documentation about Flutter? i have some deep questions about Provider package... pub.dev/packages/provider here is not complete; i need a list of how much provider there is (such FutureProvider, StreamProvider... and so on). If cannot have a complete prospect of whats there are, how much i can do with all those different provider, i cannot use in a very confortable mode......... And now there is my super deep question: in a Flutter project, if i want to a simple Stream; how can I spread it in a widgetTree? If i use Provider instead StreamProvider.... or i use Provider to spread a Future results????? There is some problem??? ThankSoMuch!

[@waltherleonardo8652]

great video. It help me a lot. However, I think that the app in the video is still working with the setstatescreen instead of the provider screen where we were working on

[@dhanniekristanto]

Would you recommend provider state management for firebase app? I used it for my project and i'm not sure if I done it right by putting the provider inside a stream builder. All the example for the provider read and watch method is always triggered by onPressed or onValue changed event. But what is the event of new incoming stream called?

[@FlutterExplained]

That is a fantastic question. The event of a new incoming stream is going through the listen to the function of the stream itself, inside of that you can access the value of the stream and call the provider method that you want to execute. Alternatively you can use the await ... for loop for the stream to fulfil and handle the change.

[@sankalpamokal9186]

How to call initstate if we are using stateless widget in this architecture?

[@altearjen6838]

would like to see an example with an auth provider, specifically for firebase

[@GuilhermeCarvalhoCarneiro]

Proceed to the information that the Provider should not be used in medium and large projects as a state manager because of the limitation of ChangeNotifier in relation to the number of listiners that it can answer? Sorry for bad writing, I don't speak English

[@AshishKumar-kx2ho]

Can you make a video on hook in flutter.