Riverpod 2.0 - Complete Guide (Flutter Tutorial)

📗 Learn from the written tutorial 👇👇
resocoder.com/...
🚨 🧑‍💻 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

[@dennismagolo8731]

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

[@amitjangra4416]

Best riverpod tutorial i found on youtube...Your efforts and such kind of nice content is worth appreciating. 😊

[@Baraka0369]

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]

Hi is it easier than getX?

[@Baraka0369]

@@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]

@@Baraka0369 oh okkke thaanks 🔥

[@moazahmed5388]

@@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]

@@moazahmed5388 you got it… Now you are aware, let’s give Riverpod a try ! 🔥

[@Outlines]

I've watched several Riverpod videos but this one is the most concise and clear. Thank you.

[@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]

It scared me. I actually hope he is okay 😰 it‘s not common to just quit his passion with such a huge fanbase.

[@lightkingbeknazarov7919]

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.

[@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.

[@RandalLSchwartz]

Great description. Easy to follow. Will be referring many to this!

[@Dieterbe]

Looks like I just found the best riverpod tutorial on the internet 🎉

[@highbeekayoduro1521]

This is very friendly, simple and well explained. I highly recommend this video

[@learnwithkiranthami]

Holy shit, no other tutorials worked! Finally, this one shows how to do it right. Thank you!

[@romeubeatotech]

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]

I was just about to make the same comment... @ResoCoder any feedback here would be appreciated, thanks!

[@AlamgirTamboli]

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]

@@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]

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]

What was the point of webSocketClientProvider when return FakeWebSocketClient().getCounterStream(start) ; works as well inside counterProvider?

[@_Amilio_]

Yes thank you! Been looking for an updated Riverpod tutorial at the moment

[@venir_dev]

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]

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]

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]

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]

@@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.

[@winneze1]

Yo my new project using riverpod and you just upload this. Perfect

[@subrotoxing8214]

Lol just about time when i looked for riverpod tutorial thank you for this

[@hongphuclevo2138]

It's perfect. Thank you. Could you do a video about data structures in dart?

[@prashlovessamosa]

Thanks man for providing knowledge for free.I want to say thank you and your channel heaven to me.

[@leoingson]

Dude! Perfect timing! Thanks for your hard work (of the whole team)!

[@Hema115]

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

[@antijulius]

Thank you! Been looking to make the Provider => Riverpod jump!

[@R3d_Devil]

This tutorial made me smile. Thank you for this.

[@srinivasrg5125]

Super great tutorial! Thank You!

[@yogaroutines6501]

Excellent - able to understand the concepts deeper , thanks

[@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 :)

[@fzzz9024]

Wow! thank you so much, considering your bootcamp to support your efforts. Much appreciated!

[@h3w45]

Thank you for sharing full guides like this

[@akbarmasterpadi]

wow amazing content it's time to switch provider to Riverpod thanks

[@christianmarpert3844]

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!

[@mateenmehmood5675]

Riverpod is amazing. 2ndly Bloc

[@EhamPala]

reso coder,it's been a long time no post We're missing your teaching Sir...!!!

[@heartcoder4179]

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.

[@MaoRecords]

Thank you for this tutorial. It was clear and concise!

[@_3clipse_]

Compile time safety... you won me already

[@dolbysoundsofficial9323]

Riverpod Tutorial From Reso Waiting From Long time(Bootcamp)😵😋Finally Here

[@glrbrasil]

This was really useful! Very easy to understand. Thanks 👏

[@SEOTADEO]

Yay Reso Coder is back!! :D

[@AriPharmacist]

When you need something, KZbin algorithm takes care of it.

[@badalah8272]

I love the voice now much better

[@decodedfaith7556]

thanks, this is more of an eye opener

[@seatconnect224]

good tutorial, thanks

[@Abdurrahman98XX]

What a perfect timing 🌹💛

[@doulainc.498]

What! This is really great tutorial. Holy f

[@sankethb.k642]

Feels so good to see you back

[@berkaykurkcu]

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]

You could probably use a state provider

[@code_with_sanjay]

After so many days ❤️

[@flyte9844]

Thanks exactly what I was looking for , what is the extension for the tree view lines ?

[@tbnh3908]

hello are you still there?

[@user-nu2nj7mf2z]

Finally I see your new video

[@swtmply]

Very good tutorial, may I know the extensions you use. I especially want to know the bars on every widget.

[@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

[@swplogic4158]

I love flutter_bloc.

[@oussamaberhili]

thanks man

[@mandeno4063]

good work

[@hafizibrohim599]

Great job 👍👍👏👏

[@miriamramstudio3982]

Great video. Thanks!!!

[@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

[@aidanmacks]

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?

[@trunghvbk]

like first, watch later

[@mayur5126]

Why are there two different riverpod packages, riverpod and flutter_riverpod?

[@GeekyLOAF]

make a video on the extensions you are currently using

[@TheThornTech]

Great man! Thank you so much 🥰🙏

[@_dinesh]

You are awesome! Thank you so much.. Do you think this is better than BLoC?

[@MrJerikoSalivan]

Great tutorial!

[@prabeshbista3457]

Love from Nepal

[@faisalmushtaq2287]

Can u do clean architecture using riverpod.

[@bensalkb6902]

would be perfect if it was straight forward, felt like its laggin. But good tutorial though

[@cosmic_pixel]

This was amazing ❤

[@DguruZ]

Genial! You back! Keep it up!

[@user-lr6px8bq4n]

Hello ,May I ask which architecture do you suggest for flutter development ???

[@YazeedAlKhalaf]

awesome work man!

[@ozbekchajavascript1209]

Are you alive Reso Coder ? Why aren't you uploading new videos ?

[@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 ?

[@zainansari1057]

Hey can you make a video of latest flutter bloc version in DDD playlist

[@moazahmed5388]

thanks for the content ♥

[@caballero75RS]

Thanks bro!

[@irhas6555]

how to handle form validation using riverpod??

[@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?

[@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.

[@mangmun001]

I still waiting for full tutorials for real project examples like Riverpod + Firebase.

[@cgutierr-zgz]

Hi, could you please tell me what's the VSCode extension that shows this bars joining the tree of widgets? Thanks!

[@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.

[@gap182]

I would really like to join the Boot Camp, but for us Latin people is hard to pay it 😞

[@becbelk]

I want to ask if flutter support the micro-services architecture

[@yasseralsaidi]

Riverpod 2.0 released today, any update here?

[@tedneoh6011]

what extension you are using with all these tree view "LL" ?

[@AdamSmaka]

What about cubit + Riverpod on 100k subscribers celebration ? :)

[@geenews6207]

Why you shifted from Unity game development to Flutter?

[@skirllexrude8170]

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.

[@rivella99]

Would you mind indexing the video?

[@telostia]

what happened to reso coder? why is this his last clip?

[@aimensayoud8563]

thx, but i think it needs another part , you haven't covered that much in this tuto

[@iabhishekpatil4415]

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]

BlocBuilder

[@saadmansoor3547]

34:38 sounds pretty gangsta to me 🤐

[@mokshmahajan6340]

At 49:05 Line no. 24, can't we just use ref.read() ?

[@screamiboy]

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…

[@MythiPlayz]

I think everybody would absolutely cream their pants if you could get the developer and interview them :)

[@redz4110]

What if I want to pass two or more parameters to the counterProvider?

[@scottgodfrey7855]

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]

Create a class

[@redz4110]

@@TheFuckULooknAtFilms yep thanks chris, it is explained in the official documentation too, I read it just after wrote this comment

[@Apenschi]

Well, I'm not sure about Riverpod! You only find very simple examples for it like counters and lists and so on. For such simple things, it is ok, to have to clone the state on every change, BUT for big, complex apps this isn't the way you want to go. When you have a lot of pages with input-forms with lets say 40 fields, date-selections, texts, combo-boxes, list with complex elements and so on..., you don't want to clone the complete state every time the users changes a field. Also you don't want to use cascading providers or provider-functions for deciding when to rebuild your widgets. What you need in this case is mutable state and fine grained control over which changes lead in which situation to a rebuild, meaning your business logic should decide which change is relevant for the GUI. So, you would need the ChangeNotifierProvider for that, like in the provider package. Riverpod has that too, but it discourages it's use!?! I'm not sure if ChangeNotifierProvider will be deprecated in the future, because Riverpod seems to be targeted rather at small apps and not for complex mobile apps or desktop apps. That's why I'm thinking about going back to the provider package.

[@Pandazaar]

just use changenotifierprovider as you said.. it won't be deprecated, he just advises it because you can forget to notify of changes and it can get messy if you don't know what you're doing or the object gets too big

[@Apenschi]

@@Pandazaar Thanks! I've already decided to use riverpod and, up to now, I'm very satisfied with it! I have to withdraw my statement that it is only suitable for small projects.

[@devfloody]

What font you use?

[@pabrcno]

Reso your tutorials would be 100x better if you'd speed up a little bit.

[@jacopoguzzo4097]

What's the font name of vscode?

[@ccoedIT]

PLs New videos😢😢😢😢