Flutter Riverpod 2 Tutorial for Beginners | Riverpod Generator

แชร์
ฝัง
  • เผยแพร่เมื่อ 24 พ.ย. 2024

ความคิดเห็น • 167

  • @RandalLSchwartz
    @RandalLSchwartz 2 ปีที่แล้ว +40

    In your StreamProvider example, you're not returning 10 items in a stream, you're returning a single item that is a List of 10 elements. In other words, had you showed the type of the StreamProvider, it would have been StreamProvider. It would have made more sense to show a StreamProvider, and for that you would need to change your yield to a for-in loop, possibly with a delay to see the stream slowly being dribbled out.

    • @RivaanRanawat
      @RivaanRanawat  2 ปีที่แล้ว +24

      Some more inaccuracies in this tutorial mentioned by Randal on Reddit. Please take a look at it.
      > Doesn't show generated classes, but that would have taken another 20 minutes. :)
      > Incorrectly describes some of the legacy providers as not redone yet, when in fact AsyncNotifier and Notifier can replace pretty much everything except StreamProvider, and I understand that's on the way.
      Thanks for taking the time and pointing it out Randal, really appreciate it!

    • @anshumansharma2251
      @anshumansharma2251 ปีที่แล้ว +7

      here is that example
      final streamProvider = StreamProvider((ref) async* {
      for (var i = 0; i < 20; i++) {
      yield (i);
      await Future.delayed(Duration(seconds: 2));
      }
      });

    • @RivaanRanawat
      @RivaanRanawat  ปีที่แล้ว +3

      @@anshumansharma2251 Thanks Anshuman!

  • @codewithihsan2182
    @codewithihsan2182 ปีที่แล้ว +10

    In Simple words if someone want to become Pro in flutter then i think Rivaan is best Option.
    Thank you so much Rivaan .

    • @RivaanRanawat
      @RivaanRanawat  11 หลายเดือนก่อน

      Thanks for the kind words!!

  • @MaheshwaranVelusamy
    @MaheshwaranVelusamy 8 หลายเดือนก่อน +2

    no bla bla... meticulously planned and executed teaching approach. Thank you so much for your valuable time Rivaan

  • @_DiftaFitrahulQihaj
    @_DiftaFitrahulQihaj ปีที่แล้ว +5

    sir you're the best teacher of riverpod, i've watched many riverpod tutorial and just from you i deeply understand the riverpod is

    • @RivaanRanawat
      @RivaanRanawat  ปีที่แล้ว

      Thanks a ton! Happy it was helpful

  • @DanielTubul
    @DanielTubul ปีที่แล้ว +7

    Wow, such a clean tutorial and very helpful + straight to the point. I'm 20 mins in with my ADHD and didn't stop because of curiosity and enjoyment. Although I already know many of the concepts of Riverpod.
    Good job!!!

  • @sachinbasnet8258
    @sachinbasnet8258 ปีที่แล้ว

    i have came across this video for like 100 times. whenever i need a recap about riverpod im here 😅😅 great video❤❤

  • @ZoMbiE4CoBRA
    @ZoMbiE4CoBRA ปีที่แล้ว

    i've been watching videos of provider for exactly a week, this one is the best, it considers the viewer a complete begginer which is really appretiate.
    Thank you!

    • @RivaanRanawat
      @RivaanRanawat  ปีที่แล้ว

      Glad it was helpful Moha! Thanks for the tutorial review, appreciated 🙂

  • @thomasmakrodimos1997
    @thomasmakrodimos1997 ปีที่แล้ว +1

    Best Riverpod tutorial !!!! The thing that makes the difference is the clarity in explanation! Thank you so much Rivaan!

  • @aleksanderw12378
    @aleksanderw12378 ปีที่แล้ว +5

    Thanks Rivaan, this video is great! There are very few people that can explain flutter topics as simply as you!

    • @RivaanRanawat
      @RivaanRanawat  ปีที่แล้ว

      Glad it was helpful Aleksander!

  • @RivaanRanawat
    @RivaanRanawat  2 ปีที่แล้ว +14

    Riverpod Project Tutorials:
    9.5 Hour Reddit Clone: th-cam.com/video/B8Sx7wGiY-s/w-d-xo.html
    5 Hour Google Docs Clone: th-cam.com/video/W6vAQdzLcu4/w-d-xo.html
    10 Hour WhatsApp Clone: th-cam.com/video/yqwfP2vXWJQ/w-d-xo.html

    • @MohitMarfatia
      @MohitMarfatia ปีที่แล้ว

      Can you please pin this comment, or add it in the description?

  • @willystain9870
    @willystain9870 2 ปีที่แล้ว +4

    Rivann Thank you so much for your videos.... I dont know why but every time you explain it makes perfect sense for me and its really easy to understand. Good Job!

    • @RivaanRanawat
      @RivaanRanawat  2 ปีที่แล้ว +1

      Thanks a ton 🔥
      Happy it helps🙂

  • @vishwajeetpatil9381
    @vishwajeetpatil9381 ปีที่แล้ว +2

    Thanks for the excellent tutorial.
    In the StreamProvider example (01:13:52), you are returning a constant list. Adding for loop and delay will be more helpful in understanding the change in the stream.
    final streamProvider = StreamProvider((ref) async* {
    const int max = 20;
    List list = [];
    for (int i = 0; i < max; i++) {
    await Future.delayed(const Duration(seconds: 1));
    list = [...list, i];
    yield list;
    }
    });

    • @RivaanRanawat
      @RivaanRanawat  ปีที่แล้ว +3

      Yup, that's right! I made this mistake while explaining StreamProvider. Hope this comments help someone so that they can understand better

    • @mohitsaini6642
      @mohitsaini6642 ปีที่แล้ว

      Thanks vishwajeet patil

  • @fabsync
    @fabsync 2 ปีที่แล้ว +2

    one of the best videos on riverpod topic.. I am ready for the next one with practical examples..
    -> best folder structures for riverpod when
    - building a web crawler
    - newsfeed...
    - simple real time chat (any open source database but firebase or amplify --> love appwrite and serverpod..)

    • @RivaanRanawat
      @RivaanRanawat  2 ปีที่แล้ว +1

      Noted! Project with Riverpod + Appwrite is already in work!

    • @SwarajSingh-xs6dy
      @SwarajSingh-xs6dy ปีที่แล้ว

      @@RivaanRanawat Please note another product udemy clone with flutter and nodejs

    • @RivaanRanawat
      @RivaanRanawat  ปีที่แล้ว

      @@SwarajSingh-xs6dy Yep, got multiple requests for it.

  • @roninspect4357
    @roninspect4357 2 ปีที่แล้ว +3

    I was searching for riverpod for beginner and you uploaded it 🙌

    • @RivaanRanawat
      @RivaanRanawat  2 ปีที่แล้ว

      Hope it helps!

    • @justworkfine321
      @justworkfine321 ปีที่แล้ว

      Is it lso.also begginer strat with this or do i need to learn one of them of block getx or provider?

    • @RivaanRanawat
      @RivaanRanawat  ปีที่แล้ว +2

      @@justworkfine321 No prior experience with any state management tool is required.

  • @thatsepic371
    @thatsepic371 ปีที่แล้ว +2

    Thanks rivaan you always make everything easy great tutorial I was confused and didn't know where to start and you showed up you are one of the best teachers for flutter community

    • @RivaanRanawat
      @RivaanRanawat  ปีที่แล้ว

      That's epic! Happy you found it helpful 🙂

  • @AkhmadKhanifZyen
    @AkhmadKhanifZyen ปีที่แล้ว

    thanks for explaining stateNotifierProvider so well. It took me an hour to practice and learn every detail you explained...

  • @ortayilberli
    @ortayilberli ปีที่แล้ว

    I watched many riverpod tutorials and this guy knows what he is teaching. Thanks

    • @RivaanRanawat
      @RivaanRanawat  ปีที่แล้ว

      Thanks Ortay! Glad it was helpful🙂

  • @elifyucel8261
    @elifyucel8261 ปีที่แล้ว

    you are doing amazing things for your age, more power to your elbow 👏👏👏👏👏

    • @RivaanRanawat
      @RivaanRanawat  ปีที่แล้ว

      Haha, thanks a lot Elif, appreciate it:)

  • @codewithsadid
    @codewithsadid 2 ปีที่แล้ว +1

    Thanks Vai . badly needed this ❤❤❤❤❤❤ love from Bangladesh 🇧🇩

  • @its_suresh_v
    @its_suresh_v ปีที่แล้ว

    One of the best video to learn riverpod, you have so much clarity in explanation, i love watching your videos superb channel great work🥰

    • @RivaanRanawat
      @RivaanRanawat  ปีที่แล้ว

      Thank you very much Suresh, glad you like them!!

  • @RandalLSchwartz
    @RandalLSchwartz 2 ปีที่แล้ว +12

    You can make the part file with a snippet from the riverpod snippets... it even picks up the filename properly.

  • @sunjowilliammburli3847
    @sunjowilliammburli3847 ปีที่แล้ว

    Man! Thanks a lot, Rivaan! All your tutorials have helped me a lot. Looking forward to seeing you make a finance app with Flutter.

    • @RivaanRanawat
      @RivaanRanawat  ปีที่แล้ว

      Happy to hear that Sunjo! Will get to finance app as soon as possible.

  • @satdevlpr
    @satdevlpr ปีที่แล้ว

    Excellent Explanation of Rivopod in detail... keep it up

  • @abhinandanraj5660
    @abhinandanraj5660 4 หลายเดือนก่อน

    Your videos and explanations are awesome.

    • @RivaanRanawat
      @RivaanRanawat  4 หลายเดือนก่อน

      Glad you like them!

  • @trickswithandro749
    @trickswithandro749 ปีที่แล้ว

    Bro let me tell u something......
    U r Awooosoommeeeee Mannnnnnnn
    I learn a lot from u
    U are One Man Army
    Love from Pakistan❤

  • @mahmoudtokura
    @mahmoudtokura 2 ปีที่แล้ว

    I'm convinced to switch from Getx to RiverPod. This was a very nice video. Thanks

    • @RivaanRanawat
      @RivaanRanawat  2 ปีที่แล้ว

      Mission Accomplished! Thanks a lot for sharing, glad it helped🙂

  • @mattiasnkonjo940
    @mattiasnkonjo940 2 ปีที่แล้ว

    Thanks a lot, Ranawat. That's all I needed for my next project

  • @asafgoldman8172
    @asafgoldman8172 ปีที่แล้ว +1

    Thanks Rivaan for this tutorial. I would like to ask why your have not mentioned NotifierProvider, AsyncNotifierProvider and AutoDisposeNotifier as NotifierProvider is suppose to replace StateProvider and StateNotifierProvider as far as I understand?

  • @cromuelbarut9859
    @cromuelbarut9859 7 หลายเดือนก่อน

    excellent riverpod tutorial
    watching this tutorial in your Udemy course

  • @matthiasimegi8211
    @matthiasimegi8211 2 ปีที่แล้ว +1

    Once again, a beautiful tutorial

  • @Aboelnasrmo
    @Aboelnasrmo ปีที่แล้ว

    Best explanation for riverpod

  • @crisantus_ik
    @crisantus_ik 2 ปีที่แล้ว

    Best riverpod video ever thanks

    • @RivaanRanawat
      @RivaanRanawat  2 ปีที่แล้ว

      Thanks Ikechukwu, glad it was helpful!

  • @napo5730
    @napo5730 ปีที่แล้ว

    Great video on riverpod. Thanks bro 👍

  • @behnamjafari2731
    @behnamjafari2731 ปีที่แล้ว

    Thanks Rivaan for this amazing tutorial . Would you make a video about Riverpod with Hooks and explain the differences ?

  • @jashwanthg3680
    @jashwanthg3680 ปีที่แล้ว +1

    Thank you, Rivaan Ranawat

  • @Omesh7
    @Omesh7 ปีที่แล้ว

    thats a great video, would love to see move riverpod stuffs and as for code generation please give some solution for statenotifier too.. thanks

  • @The.SniperTrader
    @The.SniperTrader 2 ปีที่แล้ว +14

    Please bring Nodejs and Flutter series

    • @RivaanRanawat
      @RivaanRanawat  2 ปีที่แล้ว +5

      Noted! Working on a big series as of now, will get Flutter + Node soon!

    • @The.SniperTrader
      @The.SniperTrader 2 ปีที่แล้ว

      @@RivaanRanawat also make a broker app , i have mentioned and explained you on your discord have a look :)

  • @BearKali-s6y
    @BearKali-s6y ปีที่แล้ว +1

    Great tutorial 🔥 My question is timestamp: 1:49:41, if you look at the method fetchUser using the @riverpod annotation, is this supposed to be async? Or not needed because riverpod will take care of it? Thanks

    • @RivaanRanawat
      @RivaanRanawat  ปีที่แล้ว

      Thanks!
      There's no point putting async because ultimately we will be returning Future. Marking a function as async makes it of the type Future

    • @BearKali-s6y
      @BearKali-s6y ปีที่แล้ว

      @@RivaanRanawat Awesome! Thank you for replying

  • @sidafra86
    @sidafra86 ปีที่แล้ว

    The best tutorial!! Thank you so much

  • @leleemagnu6831
    @leleemagnu6831 2 ปีที่แล้ว

    Truly a fantastic video! Thank you!

  • @rr2r2r2ra
    @rr2r2r2ra ปีที่แล้ว +1

    What is the difference between these two, they work the same
    //1
    ref.read(nameProvider.notifier).state = val;
    //2
    ref.read(nameProvider.notifier).update((state) => val);
    both of these does the job for me which is change the name with whatever I type in my textfield

  • @nishantsoni7660
    @nishantsoni7660 4 หลายเดือนก่อน

    thanks rivaan 😃

  • @harysuryanto
    @harysuryanto ปีที่แล้ว

    Thank you so much for this tutorial!

  • @RivaanRanawat
    @RivaanRanawat  ปีที่แล้ว +1

    20 Hours Dart & Flutter Full Course - th-cam.com/video/CzRQ9mnmh44/w-d-xo.html

  • @wraith3108
    @wraith3108 11 หลายเดือนก่อน

    Lovely video.
    Can you bring some more new projects with firebase or using ai ml

  • @seamensclubaihub
    @seamensclubaihub 2 ปีที่แล้ว

    Thank you, Bro! You are the best!!

    • @RivaanRanawat
      @RivaanRanawat  2 ปีที่แล้ว +1

      Thank you for your support 💪

  • @faridahmadov5991
    @faridahmadov5991 ปีที่แล้ว

    Hey bro thank you so much.Please make a tutorial for bloc also

  • @rizvanmirza3475
    @rizvanmirza3475 17 วันที่ผ่านมา

    @RivaanRanawat, Example tutorial next video this: Api calling and pagination data with in riverpod flutter
    Are you implement this example and upload video?

  • @shivaagrahari5525
    @shivaagrahari5525 ปีที่แล้ว

    wow love this

  • @SyedAhmad-wn2sv
    @SyedAhmad-wn2sv ปีที่แล้ว

    Thanks , it helped a lot.

  • @hashankannangara8723
    @hashankannangara8723 2 ปีที่แล้ว

    Thanks for the video ❤️

  • @sumitmishra3864
    @sumitmishra3864 2 ปีที่แล้ว

    Hey Rivaan first of all thanks a lot for making such kind of informative video. Can you make a video on post an API and taking the user credentials and tokens from the ui screen and using it for making a post request and then use the response to change the ui like after login we can show the user name and his personal details on the ui.

    • @sumitmishra3864
      @sumitmishra3864 2 ปีที่แล้ว

      Also make a get request for which also take some inputs from a different screen and when we get the response update the data also tell how to replace all setState that used for filtering or sorting or updating the data and also please tell how to handle different kinds of errors like for different errors we can do different things like 401,403 and or other errors. Like in .when method we are getting data, loading and error but how to handle different errors how I can check I am getting this status code or different code so that I can perform different operation. Please Rivaan make a video in all these concepts so it will be better for us because it's a real time project problem. Thankyou in advance. Hope you will consider my request. I had liked your videos and also subscribed your channel.

  • @amitjajoo9510
    @amitjajoo9510 2 ปีที่แล้ว +1

    please create same video on bloc also . Thx for creating this video

    • @RivaanRanawat
      @RivaanRanawat  2 ปีที่แล้ว

      Next video of the State Management Series will be Bloc! Currently working on a big series so it might take some time ;)

  • @sarathrkrishnan6610
    @sarathrkrishnan6610 2 ปีที่แล้ว

    Superb bro

  • @gunan7365
    @gunan7365 ปีที่แล้ว

    I need meta programming with dart if you do that well 👍

  • @moeezminhas
    @moeezminhas 11 หลายเดือนก่อน

    hi rivaan could you please share the extension link for dart data class genrator which you are using as mine give only toMap and fromMap

  • @emaanuelenan8548
    @emaanuelenan8548 2 ปีที่แล้ว

    Hello, can you make a video about undo/redo implementation by using Riverpod?

  • @herbertpimentel
    @herbertpimentel ปีที่แล้ว

    This is definitely an amazing explanation overall, but it feels like overwhelming. Someone was smoking weed when wrote all this stuff. Flutter it soo out of the regular dev stuff that looks incredible more complicated than should be. thanks anyway 😅

    • @RivaanRanawat
      @RivaanRanawat  ปีที่แล้ว

      I agree this seems very overwhelming. But once you get used to it, there's definitely no looking back! It decreases the time taken to code things by a big margin as compared to other state management tools. If you get a good idea of when to use what type of provider, Riverpod has many many advantages. I'd recommend getting started with a project. You'll definitely understand by doing.

  • @vikashtiwari8360
    @vikashtiwari8360 2 ปีที่แล้ว

    thank you brother

  • @moonnight9474
    @moonnight9474 2 ปีที่แล้ว

    thank sir ,i hope next video you can make tutorial payment with paypal and stripe 😃

    • @RivaanRanawat
      @RivaanRanawat  2 ปีที่แล้ว

      Not the next one. Currently working on a big series, will get to Payments in Flutter while completing it.

  • @richardgideon4959
    @richardgideon4959 2 ปีที่แล้ว

    Rivaan Ranawat great video but bro you promised the family portfolio bro where's it. But nice keep up am still watching all you lectures to get better bro
    One Love ❤️🤝

  • @cyborg_fps
    @cyborg_fps ปีที่แล้ว

    Which is better to use consumer or ConsumerWidget in the counter example if I only want to update a single text widget in the centre of the screen ?

    • @RivaanRanawat
      @RivaanRanawat  ปีที่แล้ว +1

      Consumer. You can wrap the Text widget with Consumer. Because if we use ConsumerWidget, Appbar will rebuild as well. But this is probably over optimisation, doesn't matter that much

    • @cyborg_fps
      @cyborg_fps ปีที่แล้ว

      @@RivaanRanawat Thanks ❤

  • @rajenderkatkuri7642
    @rajenderkatkuri7642 ปีที่แล้ว

    This video is a gem.

    • @RivaanRanawat
      @RivaanRanawat  ปีที่แล้ว

      Thank you Rajender, happy it was helpful🙂

  • @bashiruibrahim8443
    @bashiruibrahim8443 2 ปีที่แล้ว

    Thank you sir

  • @vinodh9492
    @vinodh9492 2 ปีที่แล้ว +1

    Hi Rivaan, have you ever tried get state management , if you did please give us a tutorial on getx

    • @MuhammadVaid
      @MuhammadVaid 2 ปีที่แล้ว +1

      Avoid GetX

    • @vinodh9492
      @vinodh9492 2 ปีที่แล้ว

      @@MuhammadVaidwhy what's the problem with GetX

    • @MuhammadVaid
      @MuhammadVaid 2 ปีที่แล้ว +1

      @@vinodh9492 search for the video titled "How to Evaluate Flutter Dependencies (or, why I won't use GetX)"

    • @RivaanRanawat
      @RivaanRanawat  2 ปีที่แล้ว +4

      I too would prefer not promoting projects using GetX.

  • @vishaldas2241
    @vishaldas2241 11 หลายเดือนก่อน

    can you please tell which plugin is used in VS Code that gave instant error description. TIA

    • @wog4299
      @wog4299 10 หลายเดือนก่อน

      error lens

  • @azhyabdalqadir4293
    @azhyabdalqadir4293 5 หลายเดือนก่อน

    Thanks

  • @vforcek
    @vforcek 2 ปีที่แล้ว

    Could be great to show Notifier and Async Notifier as both State and State notifier are obsolete

    • @RivaanRanawat
      @RivaanRanawat  2 ปีที่แล้ว

      Yup! Saved it for a seperate tutorial :)

  • @dolbysoundsofficial9323
    @dolbysoundsofficial9323 2 ปีที่แล้ว

    Great 😄

  • @DaveJosh-qc5xn
    @DaveJosh-qc5xn ปีที่แล้ว

    Can I get the link to the part 1 of this video

  • @MPRGyanStudio888
    @MPRGyanStudio888 2 ปีที่แล้ว

    Bro im using windows instaling virtual box and how to yous flutter and vs code androide studio all instaling virtual box or not

  • @CodeWithJeet1204
    @CodeWithJeet1204 ปีที่แล้ว

    I couldnt use the data class generator extension even after downloading it
    PLS HELP!

  • @isactv590
    @isactv590 ปีที่แล้ว

    how do i create AgoraRtcEngine() provider using flutter riverpod ?

  • @shashanksingh4708
    @shashanksingh4708 2 ปีที่แล้ว

    Hey can you please make some tutorials on blockchain and flutter, a web3 project using flutter would be awesome

    • @RivaanRanawat
      @RivaanRanawat  2 ปีที่แล้ว

      Noted! Working on a big series as of now, will get to projects with Web3!

    • @shashanksingh4708
      @shashanksingh4708 2 ปีที่แล้ว

      @@RivaanRanawat thanks. There much content on flutter and web 3 . It would be very helpful

  • @bilalbilu1661
    @bilalbilu1661 2 ปีที่แล้ว +1

    bro create a video about api with riverpod

  • @maazafridi2090
    @maazafridi2090 ปีที่แล้ว

    do we need to learn provider first before entering into the riverpod?

    • @RivaanRanawat
      @RivaanRanawat  ปีที่แล้ว +1

      Nope, you can follow this tutorial without the knowledge of Provider.

  • @urstruelyshanmukha6079
    @urstruelyshanmukha6079 ปีที่แล้ว +1

    Why Iam not getting option like “Generate copywith” on quick fix (00:30:28) ? Do I need to install any extension?

  • @bhabhayt398
    @bhabhayt398 2 ปีที่แล้ว

    full app banao flutter and node js Like any real time change ui reactive ui game app like ludo
    And
    I I love your voice ek bar hindi main shunni hai please

  • @okeyshourovroy2769
    @okeyshourovroy2769 2 ปีที่แล้ว

    Please ak refresh token implementation flutter ka leke aow, graphql ka 🙏❤️

  • @Yadnesh_
    @Yadnesh_ 2 หลายเดือนก่อน

    Create an website in flutter, tutorial plz

  • @techdistribution168
    @techdistribution168 ปีที่แล้ว

    could I get source code?

  • @saie8186
    @saie8186 2 ปีที่แล้ว +1

    Sir Can you please Provide Source code.

    • @RivaanRanawat
      @RivaanRanawat  2 ปีที่แล้ว +1

      I didn't save it in any GitHub repository 😅
      You can find all code on Riverpod website, link mentioned in description!

  • @helpersblasters6089
    @helpersblasters6089 8 หลายเดือนก่อน

    Same video you upload on udemy 😂 whats going on bro

  • @maazafridi2090
    @maazafridi2090 4 หลายเดือนก่อน

    sorry Rivaan i like your videos but this was quite difficult 😒

  • @dhillonj75
    @dhillonj75 2 ปีที่แล้ว

    26:40

  • @dypisey5666
    @dypisey5666 2 ปีที่แล้ว

    Hi Build Full Stack Telegram Clone

    • @RivaanRanawat
      @RivaanRanawat  2 ปีที่แล้ว +1

      Full Stack WhatsApp Clone is already released!

  • @l_0666
    @l_0666 ปีที่แล้ว

    succesfully wasted 1:54:32 minutes

  • @l_0666
    @l_0666 ปีที่แล้ว

    myru