State Management Like A Pro - Flutter Riverpod

[@FlutterMapp]

Someone is currently learning 🤓 Thanks Robert 👏

[@7sedma]

bro you're literally him

[@tadaspetra]

Best Riverpod tutorial by far!! And the quality of this video is off the charts 🚀

[@RobertBrunhage]

Thanks Tadas, keep up the great work yourself!

[@josecoverlessons]

Agree! Great videos from you as well Tadas!

[@alienfrenzyHD]

Spent all day trying to pass a file to Riverpod so I can retrieve it and update state. Your vid got me there. Thanks!!

[@Aspiiire]

After reading the documentation, came here and I have to say it, This is the easiest explanation about Riverpod, great work!!

[@RobertBrunhage]

Awesome to hear so glad it is helpful! 😊

[@nick0c]

This is like watching a fireship video!

[@alphamusic2734]

Bro as a beginner, trying to understand provider, you saved me man. Good job. Subscribe earned.🙏🙏🙏🙏🙏

[@RobertBrunhage]

Awesome, glad I could be of help!

[@LearnFlutterCode]

Good intro and surface level explanation of riverpod

[@RobertBrunhage]

Thanks man, super appreciated! P.s. Good work on the videos and keep it up!

[@rp2804]

Your video edits are sick! My fav flutter guy

[@RobertBrunhage]

Thanks a ton!

[@elaith9]

Nice, straightforward and clean. Good work sir!

[@RobertBrunhage]

Thanks, glad you like it!

[@FilledStacks]

Great overview of the classes provided by riverpod. i'm excited to see what i can do with it when i work it into one of my client arechitectures. i'd like to give it a try as well. also, welcome to the voiceover editing club haha. Now you'll spend many more hours making a video :D

[@RobertBrunhage]

Haha thanks man! Looking forward to see what you do with it! It's insanly fun to edit but damn it takes a lot of time 😅

[@SumitBhanushali16]

@Filledstacks what's your view on getX package?

[@FilledStacks]

@@SumitBhanushali16 I don't have any views. i think the author is trying to do something that will make applications development easier so I'm in 100% support of that.

[@timohtey]

Flutter Riverpod looks so clean!

[@xihuny]

Wow. This is amazing. Learnt a lot from a 10 min video. Waiting for more amazing videos. ❤️

[@RobertBrunhage]

Awesome, super happy to hear you liked it and learned something! More videos coming!

[@hsh2119]

Love the new format. Keep doing it. Good job.

[@RobertBrunhage]

Thanks! Glad you like it and it's a lot more fun to do so expect more videos like this for sure!

[@shibun5091]

Thank you. Great Video. Now I started using Riverpod.

[@KyrylPetruk]

Awesome tutorial. I can see that many methods are interchangeable. Would love to see more practical examples to illustrate when to use which. Keep up the good work!

[@RobertBrunhage]

Thanks! That is the good part, depending on what your application needs it has the solution for it (most likely at least). So if you are using streams a lot, you can use the StreamProvider and if you are using ChangeNotifiers you can use ChangeNotifierProvider. A lot of these decisions are up to the developer depending on what they want to use. Personally I use StateNotifiers a lot but they are a bit more complex, hence why I said that in the video! I would really recommend people to use ChangeNotifiers as that is a lot easier to start out with and scales increadibly well together with Riverpod!

[@i.k.shaikh3772]

Really powerful tutorial, highly recommend

[@RobertBrunhage]

Thanks, super happy that you enjoyed it!

[@husseinalmosawi2001]

Please, make more videos with real projects with Riverpod It will get you tons of views because of how new it is and also because not a lot of KZbinrs are covering it

[@atlantis_expedition_member4747]

Thank you so much for this. It was so clear and easy to follow up. And yes on the StateNotifierProvider video. This provider looks like the one most apps would use.

[@RobertBrunhage]

Glad it was helpful!

[@rebarius]

My heart always "flutters" when I see another vid from Robert 💪🏼🦾

[@RobertBrunhage]

😊 😊 😊

[@akshattamrakar9071]

Man you made it so simple even I understand it ....

[@dennyraymond9932]

Waiting for your provider complete explanation videos. btw great video!

[@RobertBrunhage]

Hmm maybe I should do that as well, thanks for the idea! Glad you enjoyed it!

[@lbarq]

Once again a great tutorial. Thanks a lot.

[@RobertBrunhage]

Thanks Luis, glad you enjoyed the video!

[@ahteramkhattak2243]

good job mate! also wld love to see a separate state notifier video

[@letu3716]

Nice tutorial ! Bro, please make more video like this 🚀

[@RobertBrunhage]

Thanks, more coming!

[@josecoverlessons]

Watched at 2x Speed great video and great info! Keep the great content coming :)

[@barindersingh04]

A video about statenotifier video will be great..

[@RobertBrunhage]

Will put it higher on my todo list!

[@ehsanhasin]

great explanation. well done.

[@deepmondal8564]

Give us more tutorial on Riverpod, We need you!

[@RobertBrunhage]

Have more planned for sure!

[@purushottampk4530]

@@RobertBrunhage soon!

[@GumbyTheGreen1]

@@RobertBrunhage Is that still true? If so, when will it happen?

[@brcglog3808]

Thanks. this is what I'm looking for

[@urmilshroff]

Really nice video, thank you!

[@RobertBrunhage]

Glad you liked it!

[@tanthien1793]

Much cleaner than provider

[@andenetalexander5244]

Great intro to RiverPod. Can you do more complex real world state management with flutter?

[@RobertBrunhage]

I have some more videos demostrating different cases with riverpod. Check out my movie app video and the pagination app video!

[@darkcaster3619]

Awesome tutorial! Question, why streamProvider and futureProvider both don’t have autoDispose by default? I mean is there a case that we don’t need to dispose them?

[@nromancarcamo]

What’s the benefit for testing? Nobody does an article about it. Looks cool, but in testing is where people should focus, in my case, at the company I am working with, they required testing (bdd) and some of these state management packages are missing that point. Luckily to me, I decided to go with redux for flutter/dart + flutter hooks + MVVM pattern to test ephemeral state (I am not fan of putting al the state of a screen into the global state, classes does that very well).

[@WillBeebe]

Great tut! This feels so much like React now.

[@kurtestacion6113]

Is this all that there is in riverpod? if not what percentage does this video cover about riverpod? TIA for the response!

[@akshay6019]

When using the ConsumerWidget the entire widget is rebuilding is their a fix other than using a stateless widget and consumer, or am I doing it wrong

[@fabsync]

Great tutorial.. right to the point! I wonder if you know of Momentum.. Do you think is better than Riverpod? I would love to see a tutorial on that.. there is nothing in KZbin on that

[@chhinsras]

Best of the Best

[@purushottampk4530]

What is difference b/w StateNotifierProvider & ChangeNotifierProvider?

[@RobertBrunhage]

StateNotifier is an improved ValueNotifier. So in the case of a StateNotifier you can only change the state within the StateNotifier compared to a ChangeNotifier you can change outside if you don't make getters and private setters as well as you have to call NotifyListeners. So the providers is just different providers to provide one of these two :)

[@salahuddinshaikh7847]

Nice tutorial.

[@ahteramkhattak2243]

please do a separate statenotifuer vdo with riverpod 1.0.0 although its in pre release/dev/beta

[@angelnajera5107]

At 0:46 How do you wrap the widget by right clicking? Is this an extension?

[@rubinbajracharya9319]

Waiting for something like this for a long time. Great video. Can you tell the configuration that you use in vscode. Theme and font....

[@RobertBrunhage]

Awesome, glad you enjoyed it! Theme: One Dark Pro Font: JetBrains Mono

[@paulojamero9670]

Hello. I started watching tutorials yesterday. Can I skip learning Provider and other things and jump to what Riverpod offers instead? Is it okay?

[@RobertBrunhage]

Yep, nothing wrong with that :)

[@paulojamero9670]

@@RobertBrunhage Thank you for answering my question. :)

[@acornerofherheart-jr9pl]

sir if i use consumerwidget then it rebuilds the whole widget right? so when i want only particular component to be redrawn then i should use consumer and builder right? am i right or not?

[@7mada89]

First thanks for the tutorial. I tried the ChangeNotifierProvider you explained but it rebuild the hole class when I use the increment method. is there something like selector in Riverpod ?

[@RobertBrunhage]

If you want to rebuild a part of a class you need to use the Consumer widget instead of making the whole Class extend ConsumerWidget! This way you will just rebuild everything inside the Consumer widget!

[@7mada89]

thanks dude.

[@PHALsothea.]

Clear tutorial

[@RobertBrunhage]

Thanks!

[@angyrino5467]

Very good job but I’d like more reasons to move from Provider to Riverpod. I’m waiting for a realworld example video 💪

[@RobertBrunhage]

Having plans for that!

[@imzalab]

wow nice!!

[@girishparate6410]

Epic intro 🤣🤣 stay cool

[@RobertBrunhage]

Hey Girish! Glad you enjoyed it, so much fun to create videos this way!

[@girishparate6410]

@@RobertBrunhage 👍

[@hajajmaor]

1K Like!!!!! Great video

[@RobertBrunhage]

🎉

[@Mark-og2cu]

Using the ScopedProvider, how do I access it in a method e.g. onPressed? The context.read does not work with ScopedProvider.

[@TamNguyen-tj8hc]

What is the difference between FutureProvider and StreamProvider?

[@RobertBrunhage]

I recommend reading up about the difference between a Future and a Stream stackoverflow.com/questions/50844519/flutter-streambuilder-vs-futurebuilder. Regarding the providers, it's just to provide either one of them!

[@alisherkai3879]

Hi! Do you use riverpod in your projects?

[@RobertBrunhage]

Yep 😊

[@Raja-tj5lf]

Which theme do you use?

[@ebenezerferguson3756]

Can you please explain how to use the Change Notifier Provider in a stateful widget? Coz i can't extend a consumer widget there

[@RobertBrunhage]

You can't extend a StatefulWidget with ConsumerWidget if I remember correctly. If you want to use the StatefulWidget you need to use a build i.e: 01:09

[@ShresthaSujal]

Loved this tutorial. Also liked those VS code thing you used for signs like => and != as a slash in =. How do i enable these feature in my VS code?

[@leonelmateus]

Font Ligatures. Fira Code font for example supports that. Google it to find out more. Other fonts also support ligatures.

[@tama-w2t]

Hello. Thank you for the easy-to-understand explanation of stateManager. Is the icon model the Fallout series Vault Boy?😃

[@chandru4322]

Me: Mom I want fireship Mom:We have fireship at home fireship at home:

[@hawkybae]

Is Riverpod safe to use in production or is it still in experimental state?

[@RobertBrunhage]

Yes it is, he outlines this in the readme of the package!

[@iamsidd_j]

I get @Fireship vibes from this channel

[@faisalsaki5905]

how to set bool value in statenotifier provider

[@husseinalmosawi2001]

After changing my state with StateProvider example from context.read(userAuthProvider).state['loaded'] = false; to context.read(userAuthProvider).state['loaded'] = true; How can I make my app reload or use the new state? Consider that I'm using a HookWidget and not a Stateful widget

[@RobertBrunhage]

First if you are using StateNotifiers you should not change the state like that but instead use methods. So you can do context.read(myStateProvider).setLoaded(true); To listen on state with hookWidget you use Final myState = useProvider(myStateProvider.state)

[@husseinalmosawi2001]

@@RobertBrunhage Thanks

[@robsonsilv4.]

It's a great overview about Riverpod, congrats Robert! How do you use DI with Riverpode? With get_it, separed class or in main with providers? Thanks.

[@ajdinhusic2574]

he just showed you in the video how to use DI. the providers are the mechanisms that inject the services, as soon as you read/watch them in a widget.

[@dhanniekristanto]

tried to follow along but couldn't extends NumberNotifier with StateNotifier. VS Code Intellisense can generate StateNotifierProvider for me when I import the flutter_riverpod in the class, but it won't accept the list of int type. and I couldn't get the state property.

[@dhanniekristanto]

solved: I need to import state_notifier package

[@RobertBrunhage]

Sorry, forgot to say that about stateNotifier, glad you found it!

[@dhanniekristanto]

@@RobertBrunhage thanks for the video, very good explanation. I hope you can create more example on small app like login and fetch data from network.

[@7sedma]

i need to watch on 0.75 speed because of how fast you explain lol but at least you explain it good

[@LincolnArrais]

I read you 😀

[@ismannyb8148]

I'm going to update my android app state management with Riverpod. I played with it but it was in beta

[@RobertBrunhage]

Do iiiiit (Said in a Palpatine voice)

[@CSniper]

When you extend the ConsumerWidget, is it possible to send numberStateProvider as a parameter? I am trying that but my list isn't updating, prob because it's not mutable or something. In the documentation of ConsumerWidget it says: A StatelessWidget that can listen to providers. So it's not possible to send int he numberStateProvider as an argument there.

[@RobertBrunhage]

I do not think I follow. What is the reason for sending the provider as an argument to another widget when you can just listen to it there?

[@CSniper]

@@RobertBrunhage Let's say I have file A where I define my numberStateProvider. It's a global variable and is easily accessible inside file A. In file B, I have defined a class that extends consumerWidget and this file needs to reach the numberStateProvider. How would the consumerWidget be able to access the numberStateProvider? Is there a easy way of handling this? Maybe one solution is to add the numberStateProvider to another file C, which I then import to File A and File B?

[@RobertBrunhage]

And it's not possible to send the provider through the constructor and listen to it in file B?

[@CSniper]

@@RobertBrunhage I have tried doing that but it doesn't render the newly added items to the list. I am still debugging why it's not working.

[@RobertBrunhage]

So you watch it in file B? Have not seen the actual implementation of what you are doing but consider opening an issue towards riverpod. Seems like a bug and Remi is really quick to answer!

[@RaymondAtivie]

What IDE is this and why is your context menu black?

[@husseinalmosawi2001]

This VSCode and is not an IDE

[@rann1029]

Thanks u Sir for this tutorial! Please do riverpod + firebase auth Sir!:)

[@citadelonearth7907]

Please post the source code for your next tutorials, they're insanely helpful. Thank you for this tutorial.

[@RobertBrunhage]

Have done it for the future tutorials as this one's code wasn't structured in a good way to show source code. But will try to upload it this week anyway!

[@citadelonearth7907]

@@RobertBrunhage Thanks, mate. I've actually copied off the code by pausing the video.

[@mohamedayad8208]

Great

[@ikarosouza4680]

damn that's good

[@michaelkroupa6996]

I know this video is a bit older, but i hope somebody sees this comment and can help me anyways. Currently I'm a big fan of BloC. However i thought i give Riverpod a try, as it is one of the mostly used State Managements within flutter. I actually always try to split my projects in a structure like "Clean Architecture" of Uncle Bob defines. (Data, Domain, Presentation) BloC fits perfectly inside that concept, as it kind of implements my complete Domain Layer. I tried badly to force Riverpod into that structure. So that my Presentation Layer doesn't hold any logic, however i have the feeling i can't do this with riverpod, when i try, riverpod ends up in beeing just nothing more than a dependency injection, i guess this is not the way it is implemented for. Do anyone know some helping Videos/Blogs how to use Riverpod in a structured way, without inserting too much of logic into the UI? It dosn't have to be a Clean Architecture approach, but some sturcture ideas would be cool. Most Riverpod stuff i saw so far was just scratching the surface :/ I would love to see/read about projects with more technical depth :) Greetings Mikro

don't know if you still want this resource, but this video will help you a lot with that kzbin.info/www/bejne/jp_bi3-eqdB5m8k let me know

[@idlevandal69]

00:28 Replay button.. You're welcome..

[@Baraka0369]

I don't understand why u create an UnmodifiableListView 5:15 and trying to .add(value).. :/ What's the benefit ? And on top of that, the documentations says : "This operation is not supported by an unmodifiable list. "

[@RobertBrunhage]

The UnmodifiableList is just a getter, the list we are actually modifying is a List. We we are doing .add on the normal list but in the UI we can only access the UnmodifiableList which means you can not change the list in the UI section of your app. This is super important because in a ChangeNotifier wehen we make changes, to actually rebuild the UI we MUST call NotifyListeners() which we can not do from the widgets but only the ChangeNotifier. Hope this makes some sense, and a super good question!

[@Baraka0369]

@@RobertBrunhage Thank you really much for this explaination, was tired yesterday and did not noticed the unmodifiable list was a getter of the _numbers list... Thank you again 💪 Subscribed

[@mehmetedex]

Why use "Provider" when you can just simply put the value there as a const ?

[@kibromhs7566]

Tell us the theme you're using

[@salmanbehen4384]

Reddit got me here

[@RobertBrunhage]

Hmm who could have made that post on Reddit? Hmmmmm 😄 Glad you are here and hope you enjoyed it!

[@delarammajestic2502]

I want the source code

[@93Thiagosf]

This seemed to me way more complex than using cubits to manage state

[@93Thiagosf]

But a great tutorial nonetheless

[@francescofreddi4374]

uauu too much informations... i cannot understand when is best to use StreamProvider (for example) instead use ChangeNotifyProvider in real life (always for example)! can you made some video about one singolar Providers with example? iam very greatfull and i think is very usefull for who is not expert (not yet) about Flutter (me :) ) GreatWork!!!!! Thank!

[@thruaway5036]

Here is a simple real life example on when to use StreamProvider and ChangeNotifier: StreamProvider: displaying a social media feed; a stream of data. The app will listen to the stream for new post. ChangeNotifier: changing the state of Like Button. If you press the button it will change the color state to blue instead of grey. Hope these examples will help you visualize when to use these functions on your app.

[@tsbaurzhan]

Why we need define providers as global functions? I think it's a bad practice.

[@jorgechristophergarzasepul3209]

riverpod doesn't depend of flutter, great!, what is the name? .... flutter_riverpod .... x.x

[@md.yeasinsheikh50]

StateNotifier :(

[@repiatx]

kinda confusing.

[@RobertBrunhage]

Thanks for the feedback! Something special you thought that could be improved?

[@brokercl]

import 'package:flutter_riverpod/flutter_riverpod.dart'; class NumbersNotifier extends StateNotifier { NumbersNotifier() : super([]); void add(int number) { state = [...state, number]; } void delete(int number) { state = [ for (final loopNumber in state) if(number != loopNumber) loopNumber ]; } } final numbersNotifierProvider = StateNotifierProvider((ref) { return NumbersNotifier(); }); The type 'StateNotifierProvider' is declared with 2 type parameters, but 1 type arguments were given. Try adjusting the number of type arguments to match the number of type parameters.dartwrong_number_of_type_arguments