Flutter Provider Simply Explained

Поділитися
Вставка
  • Опубліковано 22 лип 2024
  • Hopefully a 5 year old would understand the Flutter Provider. Yikes
    👉 Sign up for the newsletter to get Flutter latest updates:
    learnfluttercode.com/newsletter
    🔥 Check out my courses -
    🎨 Source code:
    pub.dev/packages/provider
    ⏰ Timeline:
    00:00 - Introduction
    00:26 - What is a provider
    02:28 - How do we create a provider
    04:22 - How data flows through a provider
    05:44 - Can other widgets listen to the same provider?
    07:21 - Challenge
    🦋 Hear my thoughts on Twitter -
    / thehappyharis
    🤓 See daily learnings on LinkedIn -
    / haris-samingan-7889b9140
  • Розваги

КОМЕНТАРІ • 156

  • @cocoralf
    @cocoralf 4 роки тому +55

    The most didactic and graphic videos I´ve ever seen. You sure know how to help people understand, you really are an outstanding teacher. Cheers from Argentina!

  • @denzell5070
    @denzell5070 3 роки тому +70

    Shoutout to the devs that need concepts to be explained to them in kid terms.

  • @kimbowaaloysius9034
    @kimbowaaloysius9034 4 роки тому +20

    This is the best tutorial I've ever seen. You are an adept tutor. Bravo Harris, bravo!

  • @dennyraymond9932
    @dennyraymond9932 4 роки тому +49

    Waiting for the future, proxy and stream provider explanations, combine with implementation with firebase too 🔥

  • @lucasandrade7421
    @lucasandrade7421 3 роки тому +13

    I usually dont comment on UA-cam tutorials, but Man, yours was so easy to follow and so joyful that I just had to. I hope you keep up the good work and high quality explanation videos because they are awesome! Cheers from Brazil

  • @batuhankrbb
    @batuhankrbb 3 роки тому +4

    It's the best provider explanation on the internet by far. I wish all teachers were like you

  • @GfoxSim
    @GfoxSim Рік тому +4

    What an awesome video! So calm and easy to understand. I was confused by Provider but now I'm getting the hang of it. Thank you.

  • @oniscsadi
    @oniscsadi 3 роки тому +9

    Awesome explanation. Classic example of "If you can't explain it simply you don't understand it well enough". Thank you

  • @LongNguyen-kw1rh
    @LongNguyen-kw1rh Рік тому +2

    OMG thank you 3000 times this saves my life I've been so exhausted in class because I didn't get the provider concept so following lessons made me confused too, this maybe a hit to get things aligned

  • @yoapps137
    @yoapps137 3 роки тому +10

    Nice, I really recommend this for those who come from any non JAVA background, especially JS. This is a very good place to bring into perspective how important it would be to come with a backing of Inheritance, Composition and Generics. And then you would really admire Flutters ability of weaving these hard core programming concepts into a simple package. Great example!

  • @plainfilth1126
    @plainfilth1126 3 роки тому +8

    I like this guy's vibe and the analogy, he earned my subscription!

  • @user-ou7hd1zi2i
    @user-ou7hd1zi2i 5 місяців тому

    Bro.... Thanks so much. I've watched all these videos where they make provider look like some untamable monster. And no matter how many times I memorized and wrote the code in different styles, I still couldn't figure out what the heck was going on. But now I do and it's so simple!🔥🔥🔥🔥🔥

  • @mxzeromxzero8912
    @mxzeromxzero8912 2 роки тому +2

    Best provider tutorial ive seen so far. Kudos for you man

  • @yogaroutines6501
    @yogaroutines6501 2 роки тому +1

    I was searching and reading for multiple sites and video to understand the provider concepts but i was not 100% clear to understand the concepts. This video is amazing and nicely explained the concepts with graphic animated story, i could digest the concepts very easily. Subscribed to your channel and going to see your other videos. Thanks

  • @AungWinHtutGH
    @AungWinHtutGH 2 роки тому +4

    Dear Sir, you save my day! Crystal clear explanation with fish and river indeed :). Thank you so much and waiting for more tutorials.

  • @mathstific
    @mathstific Місяць тому

    this is very useful and nobody ever explained me like this. this lesson is very clear to me. hopefully 5-year-old kid may understand this even though he does not know what flutter is 😅

  • @pixmasterstudios5623
    @pixmasterstudios5623 3 роки тому +1

    The best yet simple explanation for Provider package. Keep it up Haris🔥😎

  • @amzadonim9785
    @amzadonim9785 3 роки тому +1

    Best provider video on youtube.You are such a great teacher

  • @Burak-cr6um
    @Burak-cr6um 5 місяців тому

    Thank you, it helped a lot, you make things very simple to understand.

  • @RamsesAldama
    @RamsesAldama 3 роки тому +1

    Nice video. When the home and settings widget want to get the data from the provider, do they get a copy of the data or a references to the data? If they get a copy, isn't that expensive? Thanks.

  • @shrutigarg3112
    @shrutigarg3112 Рік тому

    This is so amazing video till I watched... I was go through with multiple videos but never watched like this explanation..

  • @anshikaguleria8794
    @anshikaguleria8794 6 місяців тому

    OMG! thanks
    this helped me a lot cause I have going through so many materials but just couldn't understand what was going on

  • @pranthonyaquino
    @pranthonyaquino 3 роки тому

    Excellent explanation, now I love provider, fishes and your channel.

  • @stefanomilani
    @stefanomilani 3 роки тому

    Great and nice explanation, really easy to understand, especially for the position of the widgets in the tree!!!

  • @awais.16
    @awais.16 3 роки тому

    very well explained, I am working on firebase but I have doubt about provider.. thanks for such a wonderful explanation.

  • @Zizo1st
    @Zizo1st 3 роки тому +5

    Great work man 👍! Love the way you explain this, hope for more.
    You should make a full course for Flutter!
    Cheers from Egypt =)

  • @chriskt
    @chriskt 3 роки тому

    Beautifully explained! Thank you so much!!

  • @kekko7072
    @kekko7072 2 роки тому +1

    Best video about provider! Thank you so much

  • @133sjassson8
    @133sjassson8 Рік тому

    What if I store the object/fish in a specific place eg. constants.dart, and access it by importing when needed? Can I do this instead of using Provider?

  • @BrunoMotadeOliveira
    @BrunoMotadeOliveira 8 місяців тому

    Thanks for this great explanation! I learned a lot!

  • @kaviramsamy3708
    @kaviramsamy3708 2 роки тому

    What an amazing analogy... Awesome tutorial. Thanks

  • @sagnikbhattacharya1062
    @sagnikbhattacharya1062 3 роки тому

    Which software do you use for animations?

  • @saadmansoor3547
    @saadmansoor3547 Рік тому

    "Widget only flows downwards". You mean in the first example @ 7:00 , i cannot access user data from 's object ?

  • @SergioArroyoSailing
    @SergioArroyoSailing 3 роки тому +1

    awesome work! and humorously done at the same time :) great work!

  • @marsas61
    @marsas61 3 роки тому

    Thanks for the best explanation. I was having difficulty to understand the concept.

  • @Mohammed-tr1hf
    @Mohammed-tr1hf 2 роки тому +1

    Because it was silly .. it was a perfect! We need a river pod video now.😩

  • @OrucMahmood
    @OrucMahmood Рік тому

    Amazing explanation! Thanks a lot!

  • @adiktuz8545
    @adiktuz8545 3 роки тому

    hi. do you plan on release riverpod course in udemy?

  • @AbhishekYadav-uy4zp
    @AbhishekYadav-uy4zp 2 роки тому

    Hey.. Provider working good in debug mode but not working in release mode.
    (future Builder, then Consumer)
    I wrap the switch inside the consumer

  • @EduardAlexandru
    @EduardAlexandru Рік тому

    Nicely explained, thanks!

  • @aysekarahasan7091
    @aysekarahasan7091 2 роки тому +1

    It is really beneficial video, thank you for
    embodying it with fishing :)

  • @logicgates8944
    @logicgates8944 2 роки тому +1

    Great explanation; Thank you for your time

  • @nurmtv2983
    @nurmtv2983 2 роки тому

    Thanks bro! U r amazing! Keep doing what you do!

  • @ernitish8929
    @ernitish8929 2 роки тому +1

    after More then 7 time try, now i understand thanks

  • @queensley9006
    @queensley9006 2 роки тому

    Thank you so much man, this was so easy to grasp

  • @prayushdawda7807
    @prayushdawda7807 3 роки тому

    Simple and Awesome! Thank you so much!

  • @maxxxtermind
    @maxxxtermind 8 місяців тому

    Oh my god, finally a tutorial for my cognitive abilities. Thank you ❤

  • @RLstavista
    @RLstavista 3 місяці тому

    These are really great for dummies explanations with pictures haha. Good stuff!

  • @douachealaeddine878
    @douachealaeddine878 Рік тому

    Man you deserve a subscribe, thank you!

  • @user-or7ji5hv8y
    @user-or7ji5hv8y 3 роки тому

    Is it like declaring a variable that has scope to all the children in the widget tree?

  • @h_s_4049
    @h_s_4049 3 роки тому

    wowww maannn....great explanation....thanks alot!!!😍😍🙏😍🙏🙏

  • @amnaijaz4230
    @amnaijaz4230 2 роки тому

    Amazing concepts thanks alot

  • @paininmydroid4526
    @paininmydroid4526 3 роки тому

    I second all of the comments that call you a great teacher. You are probably the best I've ever seen on UA-cam. Keep making vids brother.

  • @ClocianClokes
    @ClocianClokes 2 роки тому

    Very well explained!

  • @pradeepkumarreddykondreddy7048
    @pradeepkumarreddykondreddy7048 3 роки тому +2

    Can you do a video on ChangeNotifier ?

  • @jaggyjut
    @jaggyjut 3 роки тому

    beautifully explained. i like the way you said little fishy.

  • @midclock
    @midclock 3 роки тому

    Very nice explained in this way. Thanks

  • @oldmen2544
    @oldmen2544 4 роки тому +1

    Brother I want to filter firestore data which I am getting through future builder .... Please 🥺 help me
    I can pay you for that...

  • @rkumar4593
    @rkumar4593 Рік тому

    best explanation, Thanks,

  • @tobuchan928
    @tobuchan928 3 роки тому

    This video is so good and useful, nice job man.

  • @ILUSHNIK
    @ILUSHNIK 3 роки тому

    For me this is not the best analogy because after fish has copied into two 6:16 we have two independent fishes. Because of that, if we change color of the settings fish, home fish stays the same red color. That is not correct.
    I prefer to visualize it as a context with inversed terrain heights in your picture example (Home, Settings at the top of the mountain and fish object at the bottom), watchman with binoculars is a provider.of(context). Watchman can look at any object 24/7 in surroundings below but not above. In that case we can have a lot of watchmen located at different heights in the mountain looking at the same fish below. If fish changes it's property, color for example, all watchmen outposts get notified instantly and handle it according their own script.

  • @mohammad-karbalaee
    @mohammad-karbalaee Рік тому

    That is hight-quality educational content. Thanks

  • @shahidbangash4778
    @shahidbangash4778 3 роки тому +1

    Wowwwwwwww I really love it. Amazing .. keep it up

  • @fazalmuhammad5467
    @fazalmuhammad5467 3 роки тому +1

    Love u flutter teacher sensei ustad guru 😍😘👨‍💻👨‍🏫

  • @ericchua3492
    @ericchua3492 4 роки тому +1

    which state management will you recommend? i feel flutter_bloc requires to write bloaty codes, and end up lost focus aka take too long time.. is there a better choice?

    • @yashraut19
      @yashraut19 3 роки тому

      GetX

    • @RandalLSchwartz
      @RandalLSchwartz 3 роки тому

      ua-cam.com/video/J2iFYZUabVM/v-deo.html - RiverPod, of course.

  • @saliouseck4263
    @saliouseck4263 3 роки тому +1

    Thanks for the video

  • @theartofdesign8422
    @theartofdesign8422 3 роки тому

    Thank you ,Very useful

  • @marcosmarques9228
    @marcosmarques9228 3 роки тому +2

    Just the explanation I needed

  • @krishanmadushanka9521
    @krishanmadushanka9521 2 роки тому

    Nice explanation

  • @stvhrsdev9103
    @stvhrsdev9103 3 роки тому +3

    Love ur conten pls create more on ur ig

  • @02in01
    @02in01 Рік тому

    But from where do you get the actual data?

  • @Aravind_Hindhu
    @Aravind_Hindhu 2 роки тому

    Please explain build context method.. It is mind bogling

  • @ahmedabuelnour1648
    @ahmedabuelnour1648 2 роки тому

    Thank you!

  • @uiux.developer
    @uiux.developer Рік тому

    Hello, Sir, I'm 5 years old I got it ... but how and where I will learn the rest of Flutter please make more videos like that.

  • @aiaesthetic4201
    @aiaesthetic4201 2 роки тому

    Amazing!

  • @sempribo
    @sempribo 3 роки тому

    Awesome Explanation!!!:)

  • @Jack_Ranold
    @Jack_Ranold 9 місяців тому +1

    I don't get why we are using routes instead of a scaffold

  • @christianarduino764
    @christianarduino764 3 роки тому

    Amazing! Great video

  • @ElroyToscano1623
    @ElroyToscano1623 3 роки тому

    How do you pass data from child widget to parent widget, considering the fact that context flows downwards? Is there an alternative? Or isn't it not possible at all?

    • @LearnFlutterCode
      @LearnFlutterCode  3 роки тому +1

      You can use a function call back. Or you can use a change notifier that lives at the top of the parent widget

    • @ElroyToscano1623
      @ElroyToscano1623 3 роки тому

      @@LearnFlutterCode Could you make a video demonstrating the same?

  • @parthjangid3587
    @parthjangid3587 2 роки тому

    You are great!

  • @nimas7840
    @nimas7840 3 роки тому

    Thanks, man.

  • @cookeneimfrancescaluisecuc5802
    @cookeneimfrancescaluisecuc5802 2 роки тому

    thank you!

  • @reactnativedeveloper1682
    @reactnativedeveloper1682 Рік тому

    best tutorial ever

  • @petroniobonavides3530
    @petroniobonavides3530 3 роки тому

    Awesome!!!!!

  • @verryondrums
    @verryondrums 3 роки тому

    Wow this is awesome!

  • @TheBoredandCool
    @TheBoredandCool 3 роки тому

    It was just awesome

  • @neocoretec
    @neocoretec 2 місяці тому

    Perfect!

  • @JakBeat
    @JakBeat 2 роки тому

    Hahah so cute! Thank you!

  • @balas80
    @balas80 3 роки тому

    good visual explanation ..

  • @zkira445
    @zkira445 3 роки тому

    This video is so cool 😎

  • @Kliamframe
    @Kliamframe 2 роки тому

    I get it now!

  • @alvido97
    @alvido97 2 роки тому +1

    ❤️

  • @akarshs9552
    @akarshs9552 4 роки тому +1

    you got 1 more subscriber .. Keep posting flutter videos

  • @b3njamim
    @b3njamim 3 роки тому

    The perfect Provider tutorial doesn't ex...
    wait! it is this video.

    • @LearnFlutterCode
      @LearnFlutterCode  3 роки тому

      The perfect comment doesn't ex...
      wait! it is this comment.

  • @abdulmagidelmaghbub9950
    @abdulmagidelmaghbub9950 Рік тому

    nice explenation

  • @KDTechverse
    @KDTechverse 3 роки тому

    Why was that fish so fishy ? 😂
    Well,
    Simple, neat and clean explanation keep doing the good work !

  • @Yusuf-rh6sj
    @Yusuf-rh6sj 3 роки тому +1

    awesome

  • @danielderese3170
    @danielderese3170 3 роки тому

    Awsome

  • @varunkamani2528
    @varunkamani2528 3 роки тому

    In which tool you can make this kind of videos?

  • @storylineteam
    @storylineteam 4 роки тому

    combine provider with getit and rename the fish to Shark singleton :P