Flutter Provider EASY Tutorial

[@RandalLSchwartz]

Keep in mind, Remi (the creator of both Provider and Riverpod) has said that Provider is in maintenance mode only, and all new projects should be using Riverpod instead.

[@wakkowb]

do you have any source pls?

[@SkjoyBd]

​@@wakkowb Speech without authentic source!

[@iamawesomeheheh]

thanks @RandalLSchwartz! but I'm wondering what can't Provider do that Riverpod can? care to share?

[@ForChiddlers]

Why do you lie. And why does the video author not call you out?

[@husenpatel9381]

That's why provider has 10k likes and riverpod has only 3300 on pub dev

[@reaganza23]

Man I've been longing for the provider video for a long time and no youtuber have been able to explain it this way. Dude you are amazing.

[@FlutterMapp]

Glad I could help! Thank you Reaganza 🔥👍

[@jnlstoredropshipping9343]

FlutterMapp is sent by the Programmer Godz

[@georgiytalanov2602]

Simple, fast and clear!!! Thank you for excellent example!

[@sehmendoza]

That's very nice of you providing this information. Thank you so much! For sure, a lot of people appreciate it!

[@shreyasachar5528]

Last Line was Insane 😂😂😂😂...btw Great video buddy

[@FlutterMapp]

😂😂😂

[@learnandgrow4285]

I have watched so many videos but this video was excellent with clear understanding .

[@FlutterMapp]

Letsgooooo!

[@renecura]

Amazing tutorial, clean and clear.

[@vladbarbu3372]

best flutter channel on the internet

[@FlutterMapp]

Thanks 💪💪

[@backsidemil6230]

i have never seen explained video on provider thank you keep it up

[@jandurak]

Thanks

[@FlutterMapp]

Pleasure Jandurak 👍

[@elitearmedforce]

Amazing video, thank you for creating one. Now i am waiting for riverpod

[@FlutterMapp]

Thank you!

[@helloharendra]

Easy to understand , well explained , love it.

[@FlutterMapp]

Glad to hear that!

[@satyajitnayk]

Thanks man. Your explanation matters a lot in my learning❤

[@joncov]

just to express genuine gratitude and respect all your tuts are perfect, every second used 100%

[@FlutterMapp]

Do you prefer if I begin the tutorial without the whole 'Hi, my name is..., welcome to my channel, hit the notification bell, etc.' routine? 😄 Lol, just kidding, I can't stand it when people do that on KZbin! It's great that you also appreciate straightforward content. 🙏

[@joncov]

@@FlutterMapp it is not only about the straightforward content; you combine thorough understanding with a natural gift to distill what's most important in it, with the effort to prepare the clips that are short but comprehensive can be compared to the communication race engineer to driver in F1 :) max content in min time in unequivocal way

[@noise3d]

Absolutely loved this. All the other videos were so confusing. Thank you. Hope you do one for Riverpod soon.

[@pranaygsk5045]

Got clarity how provider works, really simplified one on internet!

[@FlutterMapp]

Glad it helped 👏

[@JonnyS569]

Thanks for the video. Great work. I think a video about Riverpod and especially the new auto generate function's would be great because I provider is already pretty outdated isn't it?

[@FlutterMapp]

Yes a video just like this one about Riverpod is coming 👍

[@JonnyS569]

@@FlutterMapp Perfect. Thank you very much ❤️

[@elitearmedforce]

​@@FlutterMappI am highly looking forward to it.

[@faezansar5417]

You made it loook so simple ,hats off

[@davidactions3090]

Really helpful. Thank you again.

[@FlutterMapp]

You're very welcome!

[@DavidYesudas]

it was really helpful to understand the concept of provider thank you.

[@FlutterMapp]

You are welcome!

[@berkaykurkcu]

Same video for Riverpod please!! Great video

[@FlutterMapp]

Will do, thank you Berkay

[@Mark_Thrasher]

Excellent video! It is succinct and provided the general overview I wanted!

[@indigomedia4158]

Thank you very much for making this tutorial, you helped me a lot, i appreciate

[@ajatajay4877]

loved the video, but how did you navigate between settings page and home page with bottom navigation bar??

[@BorgEmperorMJ]

Not garbage, good tutorial :))

[@kishores-ik4zw]

I know provider well but I just learned from mistake when I am learning it's to hard for me but your video helps lots of people it's so simple and clean

[@kishores-ik4zw]

and explain about consumer that's the next level usage of provider

[@FlutterMapp]

Could you please explain why 'Consumer' is the next level of usage? Can't you just use '.watch,' and it will achieve the same result?

[@kishores-ik4zw]

you can used to listen to changes in a specific piece of data provided by a ChangeNotifier it's will optimise your code and get better response also @@FlutterMapp

[@yoto6730]

.watch and Consumer serve the purpose of listening to changes in a provider and triggering rebuilds, but .watch is more direct and concise, especially for simple use cases where you just need the value from the provider. On the other hand, Consumer provides more control over the widget tree that gets rebuilt when the provider changes, making it useful for more complex scenarios where you want to isolate specific parts of your UI.@@FlutterMapp

[@Shamir-qb1ih]

​@@FlutterMappConsumer will only rebuild the widget we wraps in. But if we use 'watch' the entire widget tree will rebuild, which means for large application, using consumer is the best choice for better performance.

[@musamaluleke]

Amazing tutorial, thanks a lot sir.

[@gjlmotea]

Nice! but one question why 1:21 user_provider.dart extend "ChangeNotifier" class but the file name call "user_provider.dart"? there are exist "ChangeNotifierProvider" Class in flutter 1:3 I don't know what is that and difference.

[@89tain]

If i had a way, I would like this video a 100 times🙂

[@rechi_0054]

grate explanation. ist there a diffrence in using the Consumer widget ot the read method when listening to the provider

[@mohamednizam5298]

Do you have an example where u teach how to use both provider & sqflite? Planning to?

[@ahmaddawood9691]

Does any body told you that u are a genius ... provider tutorial in less than 10 minutes ....Thanks

[@Lancelot69]

Why did you use "async" for the first provider's notifyListeners() but not use it for the 2nd one?

[@joshuabumanlag396]

Amazing video as always man! Manifesting for your to have a BloC tutorial soon!

[@FlutterMapp]

Thank you Joshua!

[@Engineer-Samibress]

Thanks a lot for your time 😊

[@FlutterMapp]

My pleasure 😊

[@myst.youtube]

This is literally tutorial not to drag into tutorial hell because you can understand how to use it! now I'm confidently can use provider as my state management for my small project.

[@FlutterMapp]

Letsgooooo

[@vbk-no4pk]

Thank for sharing such kind of amazing content with us

[@FlutterMapp]

Pleasure, thank you ✌

[@unaisulhadi6445]

Simplest explanation. Kudos

[@ThePilli41]

is there any reason to use provide orver Riverpod? I know its build on the top of it, but its also simpler I would say...

[@FlutterMapp]

The only reason for this tutorial is that the two previous provider tutorials on this channel were terrible (Absolute garbage), so this is the redemption arc, lol. The next one is about Riverpod 🙏.

[@ThePilli41]

I see I see. no matter what, I still very much appreciate the video! :) tbh you are the one I have started my flutter journey with, couple months ago ^^ @@FlutterMapp

[@xD-x-xD]

probably best redemption arc then cyberpunk

[@RandalLSchwartz]

No, and in fact Remi recommends new projects use Riverpod, not Provider, as Provider is now in "maintenance mode only".

[@Rahman-bp8jz]

Thank you ❤❤❤

[@safwanjmuhammed6816]

Perfect explanation 💯💙

[@FlutterMapp]

Thank you! 🔥

[@muhendis_]

what a beautiful lesson

[@princesekey]

Excellent 👌👌

[@WaniTech]

i am a bit confused, when i first time used Providers to fetch and display the data, the way i used the providers was first create a class which inherits from changenotifier then whereever i have to use the fetched data from the app i just created the instance of the api class(extends changeNotifier) like this final api = Provider.of(context, listen: false); then inside the futurebuilder i called getData() method future: api.getData(), i dont know if this is the right way or not it was my first time using providers however my application was working somehow but my code was a mess, i was using the the getdata method once but i had to use it in two screens to display the data but i dont know why it fetched the data two times or more that made the screen flicker. which way is the right way to use providers the way used it or yours?

[@FlutterMapp]

Provider.of(context, listen: false) is the same as using .read 👍 .read is just simple to using in my opinion. You have a simple definition on this provider checklist. fluttermapp.com/provider . 🔥

[@WaniTech]

Thanks@@FlutterMapp

[@WaniTech]

by the way i have alot of questions regarding flutter keywords, can i ask you here or somewhere else? for example "context", "key", ".of()"method etc

[@RomanShepel]

Thank you! It was very helpful!

[@ajatajay4877]

Life Saver video❤

[@satdevlpr]

is this rebuilds the whole page or just the particular widget ( Text widget in case of Counter example )?

[@twrk139]

Is it better to wrap the MaterialApp with MultiProvider in the build method of the, in your case "MyApp", or inside the runApp call in the main function?

[@ravi2048]

I wrapped the "MyApp()" inside the "runApp()" function because it was throwing an error and was suggesting me to wrap the "MyApp()" function.

[@tulasireddy6557]

This tutorials was very nice, Please make tutorials on Flutter Bloc and RiverPod also

[@FlutterMapp]

RiverPod is comming, thank you!

[@hanifireffas4404]

great content.. thank u philip ♥

[@FlutterMapp]

Thanks! Pleasure!

[@Socsob]

This was awesome also I love the accent

Good lesson. Teşekkürler, Thank you

[@FlutterMapp]

Thank you!

[@paolabarrios4589]

Hola amigo, hoy me suscribí me encantan tus videos, y recién apenas conozco el canal. Tenes algún video o vas a subir de GETX?

[@CodingwithDay]

Thanks for the amazing video!

[@teamomiparientes3769]

magnificent.. 🎉🎉

[@abiodunosagie]

thanks chief. well put.

[@wezone88]

riverpod is wraper this provider?

[@FlutterMapp]

Riverpod is the "newest" version. A tutorial similar to this one will be released.

[@artem-ai]

Thank you very much. Very useful. If possible, please make a tutorial: provider for shop cart

[@charithasds]

Awesome! 🤩 Can you do the same for Riverpod (Provider 2.0)?

[@FlutterMapp]

Yes, soon, thank you

[@pradeeps4826]

thank you sir

[@MrAlwandawi]

you are amazing bro ...

[@TrojanPiece]

You haven't showed how you initialized your userNameController variable, so the emulator is giving exception errors everytime now.

[@mechul419]

Thank you I get it👌

[@5ays470]

THANKS!!

[@zakblacki]

Thank you very simple, but I suggest you next time to provide more complex example usage. would be nice to have more state management Redux, Bloc, Mobus, Binder. Can you make a video explaining Models json map when creating some app MVC

[@FlutterMapp]

Good idea to talk about JSON map models. I will add this to the to-do list. Thank you! 👍

[@zakblacki]

@@FlutterMapp also consider usage of constructor examples

[@aisadak]

Thank u so much

[@turkishaimusicproduction]

Waiting for Bloc Tutorial and difference between them

[@manishmg3994]

need more such videos

[@FlutterMapp]

🙏

[@kelpindev]

waw that is really good explanation 😍, can you create a video tutorial with provider too but using rest api ?

[@yoto6730]

what is the last icon name

[@martinseal1987]

I don't need the explanation simplified I need the implementation simplified 😂

[@FlutterMapp]

lol

[@001Debjeet]

please make video on riverpod 2 a short but without no counter value

[@RianY2K]

thank you for tutorial, can you make tutorial about Riverpod provider too?

[@FlutterMapp]

Yes, it's the next one on the list 🎉

[@demojoe28]

Can you link the github repo please 🙏

[@FlutterMapp]

There is no github repo. 📖

[@jv18creator]

@@FlutterMapp could you please upload the code?

[@sofianemaaradji2625]

Thnx.first comment 😅

[@FlutterMapp]

First reply 🔥

[@caoviet.techlonogy]

Why not show skeleton.dart ???

[@chaitanyadamarasingu979]

I was searching and found this video OMG its 6 hrs ago

[@FlutterMapp]

Lol, hope it was useful 🔥.

[@pyproger]

nice man

[@AdhamFaisal875]

please need link of repo github

[@tahseenahmadansari-g1o]

kindly make series on Bloc

[@FlutterMapp]

Its already in the production pipeline

[@abdullahkhaled6543]

👌

[@ShaunyTravels.]

More videos 😢please !!!

[@martinseal1987]

I'll stick to inherited widgets

[@boulderfailguy]

C'était un ostie d'ordure! Nah just kidding - people complaining about it being too simple cleary didn't listen to the intro.

[@FlutterMapp]

loll. Merci. Ouai c'est vraiment Provider for beginners, just to keep things simple.

[@juniorlanga4505]

Hahahahaha the tutorial was no garbage 😅

[@FlutterMapp]

lol, thank you Junior!

[@evershors]

what did you say at the end of the video😅

[@FlutterMapp]

😂

[@chomanthapa]

yo! sexy voice.. great . provider is old can you do riverpod instead. ?

[@FlutterMapp]

100% 👍 Will do this one next.

[@_M.Y17]

bro it says 'EASY' tutorial...

[@FlutterMapp]

Damn, I though it was.. what was the problem?

[@_M.Y17]

@@FlutterMapp bro i don't know all tutorials so hard

[@FlutterMapp]

You got this man

[@_M.Y17]

I'm really sorry if I upset you with my earlier words. I just watched again with clear mind, realized how valuable and understandable your work is. Thank you

[@FlutterMapp]

It's totally fine, when someone complain about something, it's because it can should improved! 👍 so all comment are always valuable!

[@ForChiddlers]

Good tutorial, but stop using clean code. It makes it almost unreadable

[@ahmed_alharthi]

Part2 is missing

[@gasfeesofficial3557]

good video but simplistic examples don't do the justice to the power of using "Provider" or why someone should use it ... the authors examples could be solved just as easily by using simple state updates because what he is trying to do to explain the usage of Provider is too simplistic. if someone is confused like I was, here is something that will simplify ... Provider is best used for cases where you can have multiple inputs but a single output. Best case scenario is: where you update one widget based on several data-inputs that can invoke a different states for the widget. For example say you are updating a candlestick chart on a screen and are using a charting package/library like syncfusion or fl_chart. But you can't find one API that does it all or you are limited by # of calls from one also, some APIs may give data on one timeframe (1 d) vs. others may give data on other time frames (1 min, 5 min, 15 min etc.). You want to update the same chart widget, which is located on the center of the screen, based on possible changes to these multiple inputs (i.e. different timeframes). Additionally, you may also have a dropdown where the user can select a different instrument (like, BTCUSD, ETHUSD, US500 etc.) ... but you still want the same chart widget to update in the center of the screen. Furthermore, You may have a zoom button that pulls in more data from your API etc. ... Provider does best for these cases ... because you define a main listener (i.e. Consumer i.e. chart widget which comes from a library) .. .and you simply notify that widget when you manipulate it's data candlestick data sources. There are a lot of other approaches to accomplish the same thing too -> instead of using a charting library, you could break your widget down into individual candles and create a synthetic widget made of rectangles and lines. Fetch your data in a specific way -> manipulate your chart or specific candle that you are interested in. That's more of one-input -> update state -> display widget simplified lifecycle. Also, if you have better understanding of server-side/back-end technologies and can control of your data better... you can manipulate the data first and have it ready just as you would update it -> fetch the data -> then pass it into simple state-update widget all at once.