Тёмный

Riverpod Simplified | Easy State Management 

Tadas Petra
Подписаться 32 тыс.
Просмотров 44 тыс.
50% 1

Опубликовано:

 

2 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 152   
@ein44sam
@ein44sam 2 года назад
I'm getting confused since riverpod changed its syntax. Instead of 'watch(counterController.state)' it's gonna be 'ref.watch(counterController)' and instead of 'context.read(counterController).add();' will be 'ref.read(counterController.notifier).add();' Maybe you should make a STATEment (hehe) in the description that syntax in the video is a bit outdated. Anyway thanks for the tutorial, it was helpful!
@tadaspetra
@tadaspetra 2 года назад
I will pin your comment so people can see it :)
@congtoannguyen1940
@congtoannguyen1940 2 года назад
I have a problem that I can not pass a reader to a class. Can you help me with this
@samueladekunle
@samueladekunle 2 года назад
​@@congtoannguyen1940 You can pass ref.read as an argument to your provider's constructor final authRepository = ChangeNotifier((ref) => AuthRepository(ref.read)); class AuthRepository extends ChangeNotifier { AuthRepository(this.reader); final Reader reader; // the rest of your code }
@machodge2021
@machodge2021 10 месяцев назад
Content is good in the video , but I found it speedy. You could elaborate in slow simple steps so that beginners can also understand it better.
@layouceferie
@layouceferie 3 года назад
Too much boiler plate comme on... I still prefer GetX
@cosmic_pixel
@cosmic_pixel Год назад
This is one of the best Riverpod examples I have seen.
@7sedma
@7sedma Год назад
thank you so much i love how you dont use complicated english words that i struggle to learn, others dont really care and use them
@tadaspetra
@tadaspetra Год назад
Thank you! That's what I am going for :)
@wizzl8513
@wizzl8513 3 года назад
Whenever I want to learn a new aspect of flutter, your channel is the first go to for me. Really great and comprehensible explanation!
@tadaspetra
@tadaspetra 3 года назад
Thank you so much! That means a lot 🥲
@josepha4685
@josepha4685 2 года назад
Best breakdown of riverpod providers I have seen on youtube. Thank you Tadas!
@RobertBrunhage
@RobertBrunhage 3 года назад
I am using hooks_riverpod, am I fancy?
@tadaspetra
@tadaspetra 3 года назад
You are the most fancy :)
@ankiy
@ankiy 3 года назад
Is it combination of both hooks and riverpod?
@ankiy
@ankiy 3 года назад
So there are plenty of State management in flutter but till now I felt that getx is one of the easiest than any other but will follow you along to learn riverpod
@tadaspetra
@tadaspetra 3 года назад
GetX is the easiest in my opinion as well. It’s a great starting point, but as you saw there’s a lot of safety brought into your codebase with Riverpod. While it’s a little more complex I think it’s safer. End of the day though the solution that works well for you is the best one for you 😊
@leoingson
@leoingson 3 года назад
Are there strong reasons against using getx? Some people "in the know" don't like it, but I did not hear substantial reason..
@jrheisler
@jrheisler 3 года назад
@@leoingson I hope not lol I use it for everything.
@ankiy
@ankiy 3 года назад
@@leoingson if you want to learn State management the getx is best to get started and easier to understand. But again it varies from people to people and what they need.
@saadmansoor3547
@saadmansoor3547 Год назад
Also your very dark android studio window, with very bright android emulator window's contrast hurt the eyes man. why not use Theme.Dark().
@Ayan-od8hk
@Ayan-od8hk Год назад
Really nice video, I tried using both Provider and flutter_bloc. Provider was very simple but lacked some features, Bloc is good, but has a lot of boilerplate code, for every small thing writing states and events. As of now, Riverpod seems to be right in between.
@tadaspetra
@tadaspetra Год назад
For me it solves those exact issues very well :)
@gregcounts4021
@gregcounts4021 3 года назад
Excellent, concise, good subject coverage. Thank you!
@tadaspetra
@tadaspetra 3 года назад
Thank you so much!
@paulclarke4099
@paulclarke4099 3 года назад
Please do a video on GetX VS Riverpod pros & cons of each
@tadaspetra
@tadaspetra 3 года назад
I have been thinking a lot about doing a general video about which one you should use
@techzone2009
@techzone2009 3 года назад
Please make a video 🙏
@wesleyowen904
@wesleyowen904 Год назад
Would like to see how to do a full stack app for flutter with MySQL for all platforms is it possible?
@Lensbreak
@Lensbreak 3 года назад
yeeees thanks for thiiis!
@tadaspetra
@tadaspetra 3 года назад
Thanks for watching!
@michaelamir6504
@michaelamir6504 3 года назад
I don't really feel it... I think GetX is way much better than this.
@PasinduBroomer
@PasinduBroomer 2 года назад
only tutorial i understood. simple and clean well done man. Thanks alot
@tadaspetra
@tadaspetra 2 года назад
Thank you so much!
@paanoop
@paanoop 3 года назад
Your videos are very nice and informative. I have used many things that you have taught. Especially getx. But this was a little too fast. Please do a video comparing these two state management tools. 😘
@dolbysoundsofficial9323
@dolbysoundsofficial9323 3 года назад
we want updated video on riverpod❤️❤️
@kenomar
@kenomar 7 месяцев назад
Thank you, that was very simple
@BooleanDev
@BooleanDev 3 года назад
After doing the async part, the buttons arent doing anything. Im pretty sure I followed exactly except for counterController and counterAsyncController because what you did wasnt working
@garygriffin7979
@garygriffin7979 3 года назад
He provided a link to the code. I suggest trying that first and then comparing to your own.
@naxcall
@naxcall 2 года назад
Please make videos about riverpod 2.0 pleaseee
@harrisonpope7172
@harrisonpope7172 2 года назад
This is a great tutorial, but for people who are watching this now, there are some slight changes. These are the ones that I found: In Consumer builder: 'builder: (BuildContext context, WidgetRef ref, Widget? child) { return ref.watch(userProvider).when( ...' 'StackTrace? stackTrace' StateNotifierProvider: 'final counterController = StateNotifierProvider((ref) => CounterNotifier());' 'return Text("Basic: ${ref.watch(counterController)}");' For the buttons, it’s changed to ‘ref.read(counterController.notifier).add();’, but you also have to change from ‘class Home extends StatelessWidget’ to ‘class Home extends ConsumerWidget’ change the build function to include ‘Widget build(BuildContext context, WidgetRef ref)’ Async: 'final counterAsyncController = StateNotifierProvider((ref) => CounterAsyncNotifier(ref.read));' I think that covers the changes I found, but I loved the tutorial! Thank you so much! And thanks to Richard Winter for pointing out some of these and helping me figure all this out.
@merthyr1831
@merthyr1831 2 года назад
Short and snappy. Just how I like 'em!
@tadaspetra
@tadaspetra 2 года назад
Thank you!
@mohamedmahadfarah4057
@mohamedmahadfarah4057 Год назад
0 1 2 3 haha technically you are right.
@miriamramstudio3982
@miriamramstudio3982 Год назад
Great video. Thanks
@CarlosCostaCarvalho
@CarlosCostaCarvalho 3 года назад
nice! please do more riverpod videos!
@chue98
@chue98 2 года назад
linux phone app?
@stefaandeconinck1531
@stefaandeconinck1531 3 года назад
Thanks 🙏 great video. Riverpod is realy nice and not to hard for New coders. Complemented with hooks. Its soooo flexible.
@tadaspetra
@tadaspetra 3 года назад
I think there’s a little bit of learning curve at the beginning, but then you start picking up pieces here and there and it starts to really connect and make sense 😊
@djcali00
@djcali00 3 года назад
Hello when i'm following the tutorial the line "final counterController = StateNotifierProvider((ref) => CounterNotifier());" is giving me the error. " 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."
@BooleanDev
@BooleanDev 3 года назад
same
@BooleanDev
@BooleanDev 3 года назад
I figured it out, do this instead in providers.dart: final counterController = StateNotifierProvider((ref) => CounterNotifier()); To get the count in main.dart: watch(counterController).toString()
@yvesboutellier336
@yvesboutellier336 2 года назад
love your Self-Deprecating Sense of Humor 😂 1,2,3,4 3:12
@ashabaderrick256
@ashabaderrick256 2 года назад
Can you make a video of riverpod where you are using models and calling an API (like Firebase). i want to see the structure and organization of files
@AliAhmad-nn3mr
@AliAhmad-nn3mr 3 года назад
I am a beginner so I am still stuck in making api fetch and post call with state management riverpod please make a video on Rest api services with riverpod. Thanks in advance.
@leva02121992
@leva02121992 2 года назад
Excelente video, gracias desde Costa Rica, Excellent video, thanks from Costa Rica
@mfrischbutter
@mfrischbutter 2 года назад
Thanks for that
@ErSubhradeb
@ErSubhradeb 3 года назад
Can you make one video on Firestore, riverpod, stream provider for fetch one time at login and use it every were including change detection. Thanks a lot in advance.
@v.a.i.s.a.k
@v.a.i.s.a.k Год назад
Tom Cruise
@jacobmiller38
@jacobmiller38 3 года назад
How is this different than Provider in the sense of complexity, use cases, and features?
@chrisodonnell86
@chrisodonnell86 2 года назад
Awesome video! Say if you want to get a SharedPreferences string on init, how would you do this? Do you still use Stateful Widgets with flutter_riverpod and can call init?
@veda_dom
@veda_dom 3 года назад
Thanks
@dewasahu80
@dewasahu80 2 года назад
helpful
@iancarberry1418
@iancarberry1418 3 года назад
Great tutorial, thanks. I have a list view displaying documents from a firestore collection. I would like to tap on a document to navigate to a details page with more information from the document that I tapped. Do you know how to do this with Riverpod? Maybe something to do with .family passing in the list view index?
@nix_malone
@nix_malone Год назад
Thank you for simplifying Riverpod, Tadas! I was overwhelmed by all the providers, but your video helped me understand how everything fits together. Do you have plans to make a video about using Riverpod with an API? That would be really helpful.
@ricklee128
@ricklee128 3 года назад
Thanks much better then just using provider
@shirosanchez265
@shirosanchez265 2 года назад
Thank you so much man! I like your explanation.
@creativetech8471
@creativetech8471 3 года назад
Bloc is best will stick to it.
@tadaspetra
@tadaspetra 3 года назад
no problem there! If it works well for you, then keep with it 😊
@amrahmed7541
@amrahmed7541 2 года назад
thanks for the video I enjoyed it can you tell us what software you use for the handwriting that shows in the video?
@tadaspetra
@tadaspetra 2 года назад
Microsoft OneNote :)
@eryssonsousa5613
@eryssonsousa5613 Год назад
when 2023 video?
@tadaspetra
@tadaspetra Год назад
I’m building up a nice doc for it on hungrimind.com
@MuraliKrishna-vy4cc
@MuraliKrishna-vy4cc Год назад
Burrapaadu 🔥
@CodeWithTomi
@CodeWithTomi 3 года назад
love your tutorials... keep the channel going
@tadaspetra
@tadaspetra 3 года назад
Thanks you 🙌
@quentinmoreau
@quentinmoreau 3 года назад
Thank you Tadas, great video and very good explanation to Riverpod management. I better understand that... very help me in riverpod dev. strongly other subjects on riverpod I hope ! good job
@tadaspetra
@tadaspetra 3 года назад
Thank you so much!
@user-or7ji5hv8y
@user-or7ji5hv8y 3 года назад
nice job. great example.
@toyibmustapha5711
@toyibmustapha5711 3 года назад
Hi nice 👍🏽, love if you could do a video on using riverpod and firebase the right way
@tadaspetra
@tadaspetra 3 года назад
I have an example on my GitHub repos for patrons if that’s something you’re interested in. But also i have videos on Firebase with other state management and it’s a very similar concept
@arustresso
@arustresso 3 года назад
Thanks for simplifying Riverpod.
@tadaspetra
@tadaspetra 3 года назад
Glad I could help !
@tripplee11
@tripplee11 3 года назад
Coming from alot of GetX use, would it be possible to create a controller class and then provide that class instead of something specific like a counter class ? So, let's say i have a HomeScreenController for homescreen where i have a bunch of methods and variables , could i provide the whole class and use that for only home screen and then the same for different screens? Like If i have more than one state i want to "observe" in the controller ? Dunno if i make any Sense 😅
@tadaspetra
@tadaspetra 3 года назад
Yes, that is definitely possible. You can configure the controllers however you want. Personally I like do it by feature, but if you want to do it by page that’s definitely possible
@tripplee11
@tripplee11 3 года назад
@@tadaspetra cool! Thanks ! 😁
@karanv293
@karanv293 3 года назад
this is the exact question I have! did you figure it out on how to structure that?
@void4904
@void4904 3 года назад
3:10 😆
@tadaspetra
@tadaspetra 3 года назад
I know how to count I promise!
@LuciusUrbanski
@LuciusUrbanski 3 года назад
Looks nice but after over a year of commercial flutter development, I see most of the methods in riverpod are a little overkill. What I mean is that I can't figure out where riverpod would be better than my current solution xD Usually, we are working with REST API which mostly fetches data once at the beginning(per view/tab/widget) and if you properly divide your widget tree, then you can maintain a good state o your app - Just follow the rule of moving the state up in a tree when it's needed. Your video is great! Sometimes I feel like we are creating state management solutions to solve problem that 90% of people doesn't have ;) Cheers!
@tadaspetra
@tadaspetra 3 года назад
I couldn't agree with this comment any more! I think setState is a looot more powerful and useful than people think. I would agree 90% of the time it is enough, but I think when you get to bigger apps with lots of state, then state management really makes sense. But it is also definitely not necessary, with a clean codebase and InheritedWidget, you can achieve all of this
@SIDDARTHBHURA
@SIDDARTHBHURA 3 года назад
And one more doubt can we use the data recived from futureprovider outside build method. I don't want the state to be rebuild just want to make an api call and fetch the data. How to implement that in riverpod.Should I use StateNotifier just the way you showed or is there another way ? Thank you
@tadaspetra
@tadaspetra 3 года назад
I think this would be the case for a ProviderListener. You would listen to a FutureProvider, and retrieve the data, but not rebuild
@SIDDARTHBHURA
@SIDDARTHBHURA 3 года назад
@@tadaspetra Thank You I will try to implement it
@jrheisler
@jrheisler 3 года назад
Good explainer, thanks. I'm sticking with GetX. I do appreciate the safety and other aspects of Riverpod, obviously Remy did a great job engineering it. I guess I've just gotten comfortable with GetX, and the the simplicity of a getbuilder passing in the "state" variable, then referencing it in your widget tree. If the controller changes the state, update the widget tree. Do you think it's a Imperative vs Declarative thing? After decades programming in other languages I think my mind is imperative biased lol
@tadaspetra
@tadaspetra 3 года назад
Yea, nothing wrong with sticking to the thing you are comfortable with. And to be honest, I am not really sure, I feel like there isn't a very clearly defined line for what is imperative vs declarative. Maybe I am wrong on this point though
@jrheisler
@jrheisler 3 года назад
@@tadaspetra I'm usually wrong about this, so I've spent a bit of time thinking it through, and I think that if you use getbuilder, manage your "state" in your controller, then call update when you want to update your widgets it would be imperative, if it changes, it doesn't change until the program tells you it changed. If you connect with listeners, or obs, streams... you are being more declarative. If it changes, it changes, things happen.
@tranzeat
@tranzeat 3 года назад
thank you Tedas from Jordan
@tadaspetra
@tadaspetra 3 года назад
Thank you for watching!
@flyinghorseshoe7767
@flyinghorseshoe7767 3 года назад
cool show!
@timurkarev6590
@timurkarev6590 3 года назад
Yes ))) You made a great job. Thank you!!!
@tadaspetra
@tadaspetra 3 года назад
Thank you 😊
@alexmercerind
@alexmercerind 3 года назад
i loved this tutorial. he is so chill.
@tadaspetra
@tadaspetra 3 года назад
Thank you 😊
@shababhsiddique
@shababhsiddique 2 года назад
You deserve more likes man, you are very well paced and a good explainer
@tadaspetra
@tadaspetra 2 года назад
Thank you! I really appreciate it 😊
@ahmadfaraz3678
@ahmadfaraz3678 3 года назад
In one of my flutter app, I need to develop a custom camera. Can you please create a video tutorial on that. Thank you
@tadaspetra
@tadaspetra 3 года назад
I'll take a look
@silas_wolf
@silas_wolf 3 года назад
Thank you so much for that tutorial! You're doing a great job
@tadaspetra
@tadaspetra 3 года назад
Thank you Silas. Really appreciate it 😊
@RandalLSchwartz
@RandalLSchwartz 3 года назад
I've used StateProvider when you can use "==" for deciding a state is updated, and the value is simply dependent on a value for the initial state. You can do the same thing with StateNotifierProvider, but it's a bit more typing. :)
@tadaspetra
@tadaspetra 3 года назад
Yes, there are definitely some scenarios where StateProvider makes sense. But I think it’s a more rare case then the other ones
@rsajdok
@rsajdok 3 года назад
Much better and easier than flutter bloc
@JonAndroide
@JonAndroide 3 года назад
Awesome video!!! Thanks for sharing, and please teach and example with firebase
@tadaspetra
@tadaspetra 3 года назад
I will look into it. But it would be very similar to the FutureProvider except instead of calling a fake one, call a real one :)
@ezone2726
@ezone2726 3 года назад
If possible please make a complete app tutorial where a flutter_riverpod state management is used! #thankyouforthistutorial #thankyou #happycoding
@tadaspetra
@tadaspetra 3 года назад
I will see
@ryanbayona
@ryanbayona 3 года назад
What Provider should I use if want to pass the data returned by the FutureProvider to other Provider, and how donI actually do it? This is where im stuck now :)
@tadaspetra
@tadaspetra 3 года назад
Depends what your end goal with the new provider is. But you can watch and read other providers within the providers. If you want some more in depth Riverpod tutorials check the Fun With Flutter channel, he has a really good series
@ryanbayona
@ryanbayona 3 года назад
I ended up reading my future provider inside my statenotifier just like what you did with Async one. And thank you very much simplifying Riverpod. your explanation is crystal clear!
@helloworld5491
@helloworld5491 3 года назад
Hey Tadas, can you make a new video for states_rebuilder? The author just released v4.0 (can be found in the null_safety branch). I think not too much changed but since v3.0 the way to inject states changed and made it much simpler, which is not covered in your previous video.
@tadaspetra
@tadaspetra 3 года назад
Yea I’ve gotten some other comments about it. I might take a look eventually. But i kind of want to make more non state management videos lol. The only reason I made this one is because I was currently working with it
@darko8376
@darko8376 3 года назад
Best basic riverpod tutorial ever!! Well done
@tadaspetra
@tadaspetra 3 года назад
Thank you! There’s a lot of good complex ones but I was hoping to make the entry barrier lower 😊
@AdriSinaga
@AdriSinaga 3 года назад
Three ways to provide the data :):)
@tadaspetra
@tadaspetra 3 года назад
Hahaha yea I messed up a bit 😂
@AdriSinaga
@AdriSinaga 3 года назад
@@tadaspetra love your explanation anw! Keep going, Tadas.
@maxehhh
@maxehhh 3 года назад
Great video, nice to have a Flutter channel to follow :D
@tadaspetra
@tadaspetra 3 года назад
Welcome aboard :)
@fabianfischer56
@fabianfischer56 3 года назад
Thank you for the good explanation!
@tadaspetra
@tadaspetra 3 года назад
Thank you for watching 😊
@kemids2842
@kemids2842 3 года назад
omg ! Thank you so much!! please create more about Riverpod + Firebase !
@kemids2842
@kemids2842 3 года назад
authentication etc. please I really love your tutorial
@tadaspetra
@tadaspetra 3 года назад
Thank you. And I will look into it
@afeezwojuade6652
@afeezwojuade6652 3 года назад
hi can we get the source code
@tadaspetra
@tadaspetra 3 года назад
it is in the description :)
@khalidalsaleh8883
@khalidalsaleh8883 3 года назад
Wooow ! Great job bro!
@tadaspetra
@tadaspetra 3 года назад
Thank you!
@SIDDARTHBHURA
@SIDDARTHBHURA 3 года назад
Great tutorial but a small doubt accroding to riverpod documentation it is a bad idea to read another provider inside the body of Provider. Why is it so?
@tadaspetra
@tadaspetra 3 года назад
I don't think it is a bad idea. I think the documentation even says that you can do this. riverpod.dev/docs/concepts/reading#reading-a-provider-inside-another-provider
@SIDDARTHBHURA
@SIDDARTHBHURA 3 года назад
riverpod.dev/docs/concepts/combining_providers Here there's a red dialog indicating not to read inside the body of a provider. Can you explain it a bit. Thank You
@tadaspetra
@tadaspetra 3 года назад
@@SIDDARTHBHURA I think it is less a "error" type of dialog and more of a "it doesn't make sense to do it". Using read wouldn't really break the code, it just makes the provider not responsive, and defeats the purpose. I think people have a lot of issues when using read, so that's why it's emphasized
@SIDDARTHBHURA
@SIDDARTHBHURA 3 года назад
@@tadaspetra Thank you for the explanation.
@francescofreddi4374
@francescofreddi4374 3 года назад
You are the best!!
@tadaspetra
@tadaspetra 3 года назад
No, you!
@francescofreddi4374
@francescofreddi4374 3 года назад
@@tadaspetra 🤪
@marcelomolas3972
@marcelomolas3972 3 года назад
thankuuuuuu great video!!
@tadaspetra
@tadaspetra 3 года назад
Thanks for watching!
Далее
State Management Like A Pro - Flutter Riverpod
10:30
Просмотров 76 тыс.
State Management Explained
8:36
Просмотров 4,7 тыс.
#kikakim
00:10
Просмотров 12 млн
I Took An iPhone 16 From A POSTER! 😱📱 #shorts
00:18
Flutter File Structure for Big Projects
9:40
Просмотров 58 тыс.
Riverpod State Management
15:50
Просмотров 13 тыс.
Learn Flutter Hooks and Maximize Your Code Reuse
10:36
Learn to use Isolates in Flutter | Simplified
10:28
Просмотров 28 тыс.
Solving one of PostgreSQL's biggest weaknesses.
17:12
Просмотров 197 тыс.
#kikakim
00:10
Просмотров 12 млн