Тёмный

Riverpod 2.0 - Complete Guide (Flutter Tutorial) 

Reso Coder
Подписаться 113 тыс.
Просмотров 109 тыс.
50% 1

📗 Learn from the written tutorial 👇👇
resocoder.com/riverpod-2-tuto...
🚨 🧑‍💻 Become a top-tier developer with the Flutter Developer Bootcamp:
resocoder.com/fdb
📧 Get Flutter news and resources:
👉 flutter.education
If you’ve been at least a bit active when it comes to Flutter packages in the last year or so, you’ve surely heard about Riverpod, a reactive caching and data-binding, or as some would say, state management package that is sort of an upgrade of the beloved Provider. I actually covered it with a tutorial quite some time ago when its API was still unstable.
Riverpod has come a long way since then - it’s much more mature, helpful, and versatile. All these changes naturally mean that it’s time for a new tutorial to prepare you to fully utilize the power of Riverpod 2.0 and, most likely, also its upcoming versions.
Go to my website for more information, code examples, and articles:
● resocoder.com
Follow me on social media:
● / resocoder
● / resocoder
● / resocoder

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

 

21 апр 2022

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 161   
@Outlines
@Outlines 8 месяцев назад
I've watched several Riverpod videos but this one is the most concise and clear. Thank you.
@amitjangra4416
@amitjangra4416 Год назад
Best riverpod tutorial i found on youtube...Your efforts and such kind of nice content is worth appreciating. 😊
@_Amilio_
@_Amilio_ 2 года назад
Yes thank you! Been looking for an updated Riverpod tutorial at the moment
@leoingson
@leoingson 2 года назад
Dude! Perfect timing! Thanks for your hard work (of the whole team)!
@carlhlazo931
@carlhlazo931 Год назад
Thank you for putting this out. Your approach in explaining the riverpod architecture using "familiar" concepts i.e global Class declaration, class instances made it easy for me to follow and grasp. Please keep up the great work. I really like your tutorials and your teaching approach.
@dennismagolo8731
@dennismagolo8731 2 года назад
28:58 read notifier 29:58 watch 2 print 32:10 dispose 39:25 ref.listen for alerts typestuff--run after 47:00 stream provider
@prashlovessamosa
@prashlovessamosa Год назад
Thanks man for providing knowledge for free.I want to say thank you and your channel heaven to me.
@R3d_Devil
@R3d_Devil 2 года назад
This tutorial made me smile. Thank you for this.
@fzzz9024
@fzzz9024 2 года назад
Wow! thank you so much, considering your bootcamp to support your efforts. Much appreciated!
@h3w45
@h3w45 2 года назад
Thank you for sharing full guides like this
@winneze1
@winneze1 2 года назад
Yo my new project using riverpod and you just upload this. Perfect
@learnwithkiranthami
@learnwithkiranthami 2 года назад
Holy shit, no other tutorials worked! Finally, this one shows how to do it right. Thank you!
@MaoRecords
@MaoRecords Год назад
Thank you for this tutorial. It was clear and concise!
@yogaroutines6501
@yogaroutines6501 2 года назад
Excellent - able to understand the concepts deeper , thanks
@glrbrasil
@glrbrasil Год назад
This was really useful! Very easy to understand. Thanks 👏
@Abdurrahman98XX
@Abdurrahman98XX 2 года назад
What a perfect timing 🌹💛
@RandalLSchwartz
@RandalLSchwartz 2 года назад
Great description. Easy to follow. Will be referring many to this!
@SEOTADEO
@SEOTADEO 2 года назад
Yay Reso Coder is back!! :D
@highbeekayoduro1521
@highbeekayoduro1521 5 месяцев назад
This is very friendly, simple and well explained. I highly recommend this video
@srinivasrg5125
@srinivasrg5125 4 месяца назад
Super great tutorial! Thank You!
@Dieterbe
@Dieterbe Год назад
Looks like I just found the best riverpod tutorial on the internet 🎉
@DguruZ
@DguruZ 2 года назад
Genial! You back! Keep it up!
@YazeedAlKhalaf
@YazeedAlKhalaf 2 года назад
awesome work man!
@decodedfaith7556
@decodedfaith7556 2 года назад
thanks, this is more of an eye opener
@antijulius
@antijulius 2 года назад
Thank you! Been looking to make the Provider => Riverpod jump!
@akbarmasterpadi
@akbarmasterpadi 2 года назад
wow amazing content it's time to switch provider to Riverpod thanks
@TheThornTech
@TheThornTech 2 года назад
Great man! Thank you so much 🥰🙏
@cosmic_pixel
@cosmic_pixel Год назад
This was amazing ❤
@MrJerikoSalivan
@MrJerikoSalivan 2 года назад
Great tutorial!
@miriamramstudio3982
@miriamramstudio3982 Год назад
Great video. Thanks!!!
@hafizibrohim599
@hafizibrohim599 2 года назад
Great job 👍👍👏👏
@code_with_sanjay
@code_with_sanjay 2 года назад
After so many days ❤️
@moazahmed5388
@moazahmed5388 2 года назад
thanks for the content ♥
@user-nu2nj7mf2z
@user-nu2nj7mf2z 2 года назад
Finally I see your new video
@flyte9844
@flyte9844 2 года назад
Thanks exactly what I was looking for , what is the extension for the tree view lines ?
@hongphuclevo2138
@hongphuclevo2138 2 года назад
It's perfect. Thank you. Could you do a video about data structures in dart?
@seatconnect224
@seatconnect224 8 месяцев назад
good tutorial, thanks
@christianmarpert3844
@christianmarpert3844 2 года назад
Hey, great tutorial again! thks a lot! Am using BLoC currently, well flutter_bloc which is using Provider under the hood. How would you combine Riverpod with the BLoC Pattern? Simply StreamProvider and passing the BLoC/ cubit in? As I personally do not like providing thinks down the widget tree, use get_it to pass in the BLoC/ Cubit.... maybe this could be replaced with Riverpod... just thinking loudly ;) maybe you have examples on that at hand? thks again!
@sankethb.k642
@sankethb.k642 2 года назад
Feels so good to see you back
@romeubeatotech
@romeubeatotech 2 года назад
Fantastic tutorial! At 48:30 you mention the use use of ref.read inside the counterProvider, but the riverpod documentation advises us to not do that (and use watch instead). You have a great channel!
@pattobrien5228
@pattobrien5228 2 года назад
I was just about to make the same comment... @ResoCoder any feedback here would be appreciated, thanks!
@AlamgirTamboli
@AlamgirTamboli 2 года назад
I believe he was just saying other methods that are available from a ref, but you're correct the preferred method is ref.watch.
@mijaelviricocheaparra7474
@mijaelviricocheaparra7474 2 года назад
@@AlamgirTamboli In fact they both are not the same, you can use watch when you need listen over a provider and you can use read when the interaction with the provider is "one time" and you don't need listening over it.
@colebq
@colebq 2 года назад
Depends on your use case. As @Mijael Viricochea Parra mentioned, when using `watch` your provider will refresh when the one you are watching emits a change. If using `read` it will not refresh. In the docs they are suggesting to use `watch` as that would be more "safe" down the road, in case later you decide that the provider you are reading should start emitting changes.
@AlexanderSuraphel
@AlexanderSuraphel Год назад
What was the point of webSocketClientProvider when return FakeWebSocketClient().getCounterStream(start) ; works as well inside counterProvider?
@anmolsharma9539
@anmolsharma9539 Год назад
Thanks for this awesome video it really helped me learning riverpod quickly. Just one request can you please make the same tutorial for the new bloc update . Thanks once again :)
@mateenmehmood5675
@mateenmehmood5675 Год назад
Riverpod is amazing. 2ndly Bloc
@hasanibrahim4887
@hasanibrahim4887 Год назад
Thank you for this amazing tutorial. If I may ask a question, when using autoDispose on the StateNotifierProvider is causing "Tried to use ReposNotifier after `dispose` was called" do you have any idea what's happening ? thank you in advance
@caballero75RS
@caballero75RS 2 года назад
Thanks bro!
@Hema115
@Hema115 2 года назад
Hi, can you make a TL;DR for returning Flutter developers? Make an All-In-One video each year that sums up all the basics (File structure, Riverpod, Freezed, Flutter Basics, and what is the right order to start an app) this video series idea is missing on youtube and would make your channel grow alot further
@gogalcloud
@gogalcloud Год назад
Hi Reso Coder , I have been following you for so long , I wanted to ask you what do you think about Flutterflow capability if i want to use except firebase, i have been using it from 1 week for design and animations , it doesn't provide me any state mgmt, clean architecture approach, neither testing I wanted to know your thoughts abt it ?
@Baraka0369
@Baraka0369 2 года назад
LoL, I’ve been learning Riverpod for 3 days now after using GetX, BLoC etc…. I think it’s going to be the best state management package ! Really easy to understand and to use 🔥💪 You’re just in time !!!
@ahmedibrahim-a9312
@ahmedibrahim-a9312 2 года назад
Hi is it easier than getX?
@Baraka0369
@Baraka0369 2 года назад
@@ahmedibrahim-a9312 GetX is really powerful, it allows u to make DI, State Management, Routing etc.. very easily But, you’ll can’t be able to think out of the box and your whole way of developing with Flutter will be replaced by developing in GetX, not in Flutter anymore… Riverpod is really easy to understand and very very easy to use. Much more than GetX 💪
@ahmedibrahim-a9312
@ahmedibrahim-a9312 2 года назад
@@Baraka0369 oh okkke thaanks 🔥
@moazahmed5388
@moazahmed5388 2 года назад
@@Baraka0369 you got that absolutely right !! even me using Flutter straight for more than 2 years , almost 3 years , i started to forget some basics as you don't deal with "context" anymore. also ModalBottomSheets , ScaffoldMessengers , Snackbars , Dialogs & finally .. routing , this is a mess !!
@Baraka0369
@Baraka0369 2 года назад
@@moazahmed5388 you got it… Now you are aware, let’s give Riverpod a try ! 🔥
@oussamaberhili
@oussamaberhili 9 месяцев назад
thanks man
@mandeno4063
@mandeno4063 Год назад
good work
@subrotoxing8214
@subrotoxing8214 2 года назад
Lol just about time when i looked for riverpod tutorial thank you for this
@prabeshbista3457
@prabeshbista3457 2 года назад
Love from Nepal
@mohammadmujahid8850
@mohammadmujahid8850 Год назад
Hello @ResoCoder, I have noticed your latest video almost a year ago, are not you working onFlutter? Please keep sharing your knowledge, it is one of the best channel for Flutter.
@user-tf4cd2rw3t
@user-tf4cd2rw3t 11 месяцев назад
It scared me. I actually hope he is okay 😰 it‘s not common to just quit his passion with such a huge fanbase.
@lightkingbeknazarov7919
@lightkingbeknazarov7919 2 года назад
I respect your creativity. Everything is clear and understandable. I would really like a new playlist about blocks (ddd course) Please don't ignore your followers.
@user-lr6px8bq4n
@user-lr6px8bq4n Год назад
Hello ,May I ask which architecture do you suggest for flutter development ???
@tedneoh6011
@tedneoh6011 2 года назад
what extension you are using with all these tree view "LL" ?
@doulainc.498
@doulainc.498 2 года назад
What! This is really great tutorial. Holy f
@_dinesh
@_dinesh 2 года назад
You are awesome! Thank you so much.. Do you think this is better than BLoC?
@venir_dev
@venir_dev 2 года назад
I'm sorry but this video is just covering Riverpod 1.0.0 features. Riverpod 2.0.0 (in development atm) is introducing advanced APIs to handle specific scenarios (onCancel events, caching, etc.). These are just the basics of Riverpod that were introduced in v0.14 (besides the ref.listen API)
@scottgodfrey7855
@scottgodfrey7855 2 года назад
The last time he did a tutorial on Riverpod was before 1.0.0. So, there are some api changes and widget updates that he wasn’t able to cover in the original.
@ResoCoder
@ResoCoder 2 года назад
This is an introductory tutorial for Riverpod as a whole following the syntax of the version 1.0.0/2.0.0 that doesn’t go into the advanced territory. The APIs you mentioned are maybe something for a separate tutorial.
@quangle5701
@quangle5701 2 года назад
I agree, it would be helpful to give some introduction about new features of the version 2.x comparing the version 1.x. Otherwise, the title of the video might seem to be misleading. Thanks.
@lvenir4702
@lvenir4702 2 года назад
@@ResoCoder the "whole new syntax" is about Riverpod 1.0 and doesn't belong to 2.0, where new APIs are introduced instead of what you present in the video. Nothing about riverpod 2.0 ever shows in this video.
@swtmply
@swtmply 2 года назад
Very good tutorial, may I know the extensions you use. I especially want to know the bars on every widget.
@kylerbesher9402
@kylerbesher9402 Год назад
might be a bit late for this, but in the vscode settings, search for and enable 'preview flutter ui guides' and then restart vscode
@laurapeterson146
@laurapeterson146 Год назад
I took Reso Coder's Flutter Developer Bootcamp course. But in there he used Riverpod version 0.14, which is very outdated. So I'm wondering if the course (especially the latter part about the production-ready app) is still usable regarding UI and Riverpod state management parts. Does anyone know about this?
@dolbysoundsofficial9323
@dolbysoundsofficial9323 2 года назад
Riverpod Tutorial From Reso Waiting From Long time(Bootcamp)😵😋Finally Here
@becbelk
@becbelk 2 года назад
I want to ask if flutter support the micro-services architecture
@aidanmacks
@aidanmacks 2 года назад
Great tutorials as always. I watched this as a means to look for breaking changes when migrating from 1.0 to 2.0 ... I cant actually see anything. Does anyone have any advice on this subject?
@heartcoder4179
@heartcoder4179 2 года назад
at 31:00 it encourages to use read to access the provider state and increment it, but in the official documentation, it encourages to use watch instead: "Using ref. read should be avoided as much as possible because it is not reactive." "If you can, it is almost always better to use watch". "You might be tempted to use ref. read to optimize the performance. But this is a very bad practice and can cause bugs that are difficult to track." "(using ref.watch) our button will not rebuild when the counter increments. It also supports cases where the counter is reset." The doc also mentions not to use ref. watch inside onPressed (watch method should not be called asynchronously). So the best practice seems to be calling ref. watch before onPressed to get a reference of the state provider, then use that reference in the onPressed to increment the state.
@EhamPala
@EhamPala 9 месяцев назад
reso coder,it's been a long time no post We're missing your teaching Sir...!!!
@berkaykurkcu
@berkaykurkcu 2 года назад
I would love to see an implementation with Slider, I am trying to learn Riverpod and I couldn't figure out how to take a value from Slider and provide it to Counter widget, instead of hard coding it to 5. Other than that, great introduction to Riverpod!
@mboyamichael7618
@mboyamichael7618 Год назад
You could probably use a state provider
@AnalyticalAyush
@AnalyticalAyush Год назад
Can anyone tell me how to the linkage of brackets on VS Code, like in the tutorial I can see that there's a white linkage between containers and child just like android studio. How to get that in vs code?
@cgutierr-zgz
@cgutierr-zgz 2 года назад
Hi, could you please tell me what's the VSCode extension that shows this bars joining the tree of widgets? Thanks!
@jaroslavkovar1687
@jaroslavkovar1687 Год назад
I think this is a built-in VSCode feature. To implement it, simply go to VSCode settings and search for *Dart:Preview Flutter Ui Guides* and check its box.
@dev.floody
@dev.floody 2 года назад
What font you use?
@badalah8272
@badalah8272 2 года назад
I love the voice now much better
@faisalmushtaq2287
@faisalmushtaq2287 Год назад
Can u do clean architecture using riverpod.
@tbnh3908
@tbnh3908 Год назад
hello are you still there?
@zainansari1057
@zainansari1057 2 года назад
Hey can you make a video of latest flutter bloc version in DDD playlist
@irhas6555
@irhas6555 2 года назад
how to handle form validation using riverpod??
@GeekyLOAF
@GeekyLOAF Год назад
make a video on the extensions you are currently using
@jacopoguzzo4097
@jacopoguzzo4097 2 года назад
What's the font name of vscode?
@skirllexrude8170
@skirllexrude8170 2 года назад
Be honest ResoCoder how long it took for you to develop the github Client App and how long it took you to make that bootcamp.
@mayur5126
@mayur5126 2 года назад
Why are there two different riverpod packages, riverpod and flutter_riverpod?
@_3clipse_
@_3clipse_ 5 месяцев назад
Compile time safety... you won me already
@AriPharmacist
@AriPharmacist 2 года назад
When you need something, RU-vid algorithm takes care of it.
@rivella99
@rivella99 2 года назад
Would you mind indexing the video?
@swplogic4158
@swplogic4158 2 года назад
I love flutter_bloc.
@yasseralsaidi
@yasseralsaidi Год назад
Riverpod 2.0 released today, any update here?
@ozbekchajavascript1209
@ozbekchajavascript1209 Год назад
Are you alive Reso Coder ? Why aren't you uploading new videos ?
@AdamSmaka
@AdamSmaka 2 года назад
What about cubit + Riverpod on 100k subscribers celebration ? :)
@mangmun001
@mangmun001 2 года назад
I still waiting for full tutorials for real project examples like Riverpod + Firebase.
@iabhishekpatil4415
@iabhishekpatil4415 2 года назад
What's the solution for rebuild entire build method?? I just want to rebuild counter text widget !! one solution is to seperate text widget, what's the other?
@jorgeandresdiaz0
@jorgeandresdiaz0 2 года назад
BlocBuilder
@geenews6207
@geenews6207 Год назад
Why you shifted from Unity game development to Flutter?
@trunghvbk
@trunghvbk 2 года назад
like first, watch later
@ElVerdaderoAbejorro
@ElVerdaderoAbejorro Год назад
25:00 "we are actually gonna rebuild the whole widget" This scares me. Are you saying if I only listen to changes in the Text() widget the whole tree will still be rebuilt instead of just the Text() widget? Because when you use StatefulWidget, only the Text() widget would be rebuilt, so if that is the case then this would be a huge performance issue.
@mokshmahajan6340
@mokshmahajan6340 2 года назад
At 49:05 Line no. 24, can't we just use ref.read() ?
@screamiboy
@screamiboy 2 года назад
I asked myself the same question. The riverpod documentation calls the approach with read a bad practice. But I did not found a explanation why…
@redz4110
@redz4110 2 года назад
What if I want to pass two or more parameters to the counterProvider?
@scottgodfrey7855
@scottgodfrey7855 2 года назад
You can also provide reference types to a state notifier. So, you can also provide methods from an object that extends a state notifier. He has a video dedicated to state notifier provider in riverpod.
@TheFuckULooknAtFilms
@TheFuckULooknAtFilms 2 года назад
Create a class
@redz4110
@redz4110 2 года назад
@@TheFuckULooknAtFilms yep thanks chris, it is explained in the official documentation too, I read it just after wrote this comment
@gap182
@gap182 2 года назад
I would really like to join the Boot Camp, but for us Latin people is hard to pay it 😞
@telostia
@telostia 8 месяцев назад
what happened to reso coder? why is this his last clip?
@MythiPlayz
@MythiPlayz 2 года назад
I think everybody would absolutely cream their pants if you could get the developer and interview them :)
@bensalkb6902
@bensalkb6902 2 года назад
would be perfect if it was straight forward, felt like its laggin. But good tutorial though
@RioM8z
@RioM8z 2 года назад
Bude pokračovanie ?
@ResoCoder
@ResoCoder 2 года назад
Nebude úplne pokračovanie, ale bude Riverpod + Bloc.
@aimensayoud8563
@aimensayoud8563 2 года назад
thx, but i think it needs another part , you haven't covered that much in this tuto
@loopassembly
@loopassembly 2 года назад
what is ur vs theme
@Malaq4822
@Malaq4822 Год назад
u found it?
@loopassembly
@loopassembly Год назад
@@Malaq4822 is it ayu dark?
@Malaq4822
@Malaq4822 Год назад
@@loopassembly One Dark Pro
@loopassembly
@loopassembly Год назад
@@Malaq4822 ty man
@ccoedIT
@ccoedIT Год назад
PLs New videos😢😢😢😢
Далее
Riverpod Simplified | Easy State Management
14:17
Просмотров 43 тыс.
35 Flutter Tips That Will Change Your Life
10:53
Просмотров 298 тыс.
State Management Like A Pro - Flutter Riverpod
10:30
Просмотров 76 тыс.
GetX vs Riverpod | Which is better with Flutter❓
16:20
ChatGPT for Data Analytics: Full Course
3:35:30
Просмотров 235 тыс.
Riverpod StateNotifier Explained Like a Pro
23:16
Просмотров 3,8 тыс.
Can you solve for the angle?
10:56
Просмотров 11 тыс.
Que choisir entre BLoC, Riverpod, MobX ou Provider ?
7:57
Practical Functional Programming in Dart & Flutter
37:12