#3 - Flutter BLoC Concepts - BlocProvider, BlocBuilder, BlocListener | BLoC - from Zero to Hero

Hi there!
Today we will take a look at all of the flutter_bloc concepts like BlocProvider, BlocBuilder, BlocListener, RepositoryProvider, MultiBlocProvider, MultiBlocListener, MultiRepositoryProvider.
The project files can be found on my GitHub Repository here: github.com/The...
All animations were done in VideoScribe, you can try it by clicking my affiliate link --- www.awin1.com/...
You can contact me directly here:
Join my Discord Server --- / discord
Twitter --- / letsgetwckd
Instagram --- / letsgetwckd
Also, if you want to support me furthermore you can become an KZbin Member, donate or buy my courses on Udemy, using the following links:
Become an Official KZbin Member! ---- / flutterly
Buy my Udemy Courses! ---- www.udemy.com/...
Support me on Revolut! ---- revolut.me/let...
Buy me a Ko-fi! --- ko-fi.com/wckdyt
Donate me on Paypal! --- www.paypal.me/...
Support me on Patreon! --- / wckdyt

[@Flutterly]

Hello, everyone! The entire course is now live on Udemy too, get it while it's hot --> www.udemy.com/course/bloc-from-zero-to-hero/?referralCode=E689592633984B34DBEF Also I have just managed to finally finish the entire BLoC - From Zero to Hero Complete Course, based on this tutorial series. You can check it out here -> kzbin.info/www/bejne/inmmnJ6HYrtkY5o

does it have more information than this series?

[@Flutterly]

Not really, it's just a much quicker way to access the chapters. Just like a cheatsheet.

[@deepaknayak6715]

Thank you

[@jainendrasingh8473]

BlocProvider.of() called with a context that does not contain a CounterCubit. No ancestor could be found starting from the context that was passed to BlocProvider.of(). I'm facing this issue please help!!

[@adityaprasaddhal2462]

The best explaination in the planet, I watched more than 10 videos on bloc but was unable to understand until now

[@Flutterly]

Thank you so much, mate! 🌟

[@andreajr2021]

🤣🤣🤣

[@admincreatives4242]

Guys I request everyone here to go through entire series of his BLoC Concepts it's worth watching ... for sure you will get something out of it ... THE GREATEST SERIES on this topic.

[@Flutterly]

Thank you so much! ✨ Appreciate it!

[@acavals8080]

Man, your tutorial is amazing. All the concepts you’ve explained so far, and made look simple, are the ones that usually make people afraid of using Bloc…

[@dsz14]

I'm still on 7 minutes of video but already had to pause and and come here to congratulate you for the amazing way to explain bloc. Keep going and thanks for this video.

[@Flutterly]

Thank you so much for your kind feedback, man! Really appreciate it! I'll keep them coming!

[@prabhathdarshana9015]

Much needed explonation! I was lost on flutter_bloc widgets for quiet long time until I found this guy explaining it so smoothly! man you area hero!

[@Flutterly]

Thank you so much for your kind words!

[@billynyk]

You are a good teacher about blocProvider concepts, you make me understand. Thanks.

[@Flutterly]

Thank you so much, I'm glad I could help!

[@pweetyruqoyah719]

I love you flutterly, what took me so late to find this channel, How can one explain concept so good like this ? YOU ARE THE BEST... I'm sticking to this channel forever

[@Flutterly]

Haha, thanks! 🌟 It's hard to find me since I'm a little channel right now, but hopefully I'll get bigger with time!

[@Andandonafronteira]

wow man this is impressed ! you are without a doubt gifted at teaching and presenting. Everybody can clearly see that you have taken a lot of time preparing everything. keep up the good work !

[@Flutterly]

Thank you so much, haha, would call it gifted though. I just like sharing my knowledge with others, haha

[@jjsportify77]

Guys this is the gem in learning about Bloc in Flutter...

[@Flutterly]

Haha, thanks, the diamond 🔹

[@yeikeluriartearteaga9534]

Excellent explanation, the images help a lot and the examples in the code cover all the gaps that may exist. It seemed very complicated at first but I am already internalizing the basic concepts. Thanks for the videos, I look forward to more of this type!

[@Flutterly]

Thank you so much for your extended feedback, glad I could help! More videos coming soon.

[@home-workout-staycool]

@@Flutterly why we use statefull instead of stateless

[@AmanKumar-vc2hi]

I CANNOT THANKYOU ENOUGH FOR THESE TUTORIALS!!!!! I was so confused about this library, but you made this a piece of cake thanks a lot dude!

[@Flutterly]

Thank you so much, I'm really glad my tutorials could help!

[@zubaeralambihimrootdevs1592]

Take love from Bangladesh. The easiest and simplest yet so elaborate tutorial on BLoC so far. Thanks a lot for this tutorial.

[@Flutterly]

Thank you so much, man! I really appreciate all your kind words!

[@StefanoV827]

OMG! I never understood BLoC ... and now, it's easy thanks to you!!!!! Amazing!

[@Flutterly]

Thank you so much, I really appreciate it!

[@abhijitpani3438]

First time in my youtube life I have subscribed to a topic

[@Ayan-od8hk]

Very beautifully explained. This is the easiest explanation I found on the internet of bloc concepts

[@satishraizada5207]

Excellent video explains the BLoC in best way, would love to see more such content on flutter architecture when starting new project.

[@Flutterly]

That's exactly what the next video will be all about! Stay tuned!

[@jayefoucher9586]

THANK YOU. This is the most comprehensive explanation of Blocs I've found... thank you for explaining this so well!

[@gameofcodes9832]

How did I not noticed this channel in my flutter journey? Thank your for this amazing video :) And please we want more video from you

[@Flutterly]

It's a small channel, mate. Hopefully it will get bigger by time. More content is going to come soon.

[@ujjwalbiswas8400]

This is the best explanation of bloc,... Keep up the good work.

[@Flutterly]

I will, thanks!

Amazing tutorial, I'm using flutter bloc since 1.5 years, and your video helped me clear things up, every flutter dev must watch this video!! Thank you very much for your work!

[@Flutterly]

You're very welcome!

[@diman9918]

The best explanation , I watched more than 100 videos on bloc but this is the best one i have got thank you very much waiting for new videos of yours

[@Flutterly]

Glad you found my videos, mate! I appreciate your feedback!

[@trungledang5225]

Sir, you are incredible, I got goosebump because of your teaching way, it's really really great, I just want to say, you're a great teacher

[@Flutterly]

Thank you so much for your kind words!

[@DuarteRoso]

This course is gold! All my questions were answered by the end of it. Well done mate 👍

[@rickycoates3003]

Lol, if I had left to learn all of this from the docs it's would take me days. A quick easy 3 hours from you, make me understand all God bless you

[@VfLWolfsburg1011]

Thank you so much! Finally someone explaining concepts in-depth, visualizing them etc. Plus you know which questions to ask to understand everything.

[@TheTaygan]

Excellent!!! The right pace with the right amount of info. Tx

[@Flutterly]

Thank you so much! ✨

[@haythemdridi8564]

this course must be paid , i'm happy to find it free on youtube the best place to learn bloc .. thank you :D

[@andregroschel9761]

Thank you very much for this series on Bloc! Best tutorial out there, great explanation and you answered all of the questions that were in my head :)

[@Flutterly]

Thank you so much, glad you liked it! ♥

[@PursuitOfGlassSkin]

The best explanation of BLoC architecture I've seen. Thank you!

[@Flutterly]

Glad it was helpful!

[@TechyDiscGolf]

Such a good introduction. This was a great video and you definitely deserve more views/subs! 🎉

[@Flutterly]

Thank you so much! Hopefully with time I'll have more views and subs!

[@vinishakolla9677]

This is the first video I have watched of yours. Saw many video , but it was difficult to understand . But your way of explanation is awesome which explains it very clear. Thanks a lot for making these videos. Inspired by your first video , I have subscribed to your channel.

[@Flutterly]

Thank you so much! I really, really appreciate it!

[@laz7774]

What a talented teacher you are.

[@Flutterly]

Haha, thank you! For a moment I thought I received 10,199,100 views on a video haha 😂

[@laz7774]

@@Flutterly 😂😂😂😂😂😂😂

[@m4sterkg]

This video is pure gold.

[@Flutterly]

Thank you so much!

[@mrutyunjayagiri982]

Awesome. Most Recommended Tutorials For BLoC.

[@salmanfrahman9073]

WOW!!! Such a brilliant presentation and explanation, You made it as easy as it possibly can be. You should get million subs :)

[@Flutterly]

Thank you so much for your kind words! It helps me a lot!

[@jk92007]

👌👌👌👌👌👌👌👌 more videos like this...you R my university professor......

[@Flutterly]

Thank you so much! More videos will come!

[@mihlet1483]

you are really amazing and the best teacher on this topic i have ever see, thanks for sharing this man

[@officialismailshah]

love you man you are just amazing when it come to bloc library, state management and other Flutterly stuff.. respect man🎇🎇🎇✨✨✨🙌🙌🙌

[@irfantariq4974]

Cannot be explained better than this..Great work.

[@Flutterly]

Thank you so much! ✨

[@nayefradwi7132]

this whole playlist is amazing, really next level work. I love this playlist

[@Flutterly]

Glad you enjoy it!

[@OtarBediashvili]

This is the easiest explanation ever. You are godsent

[@Flutterly]

Thank you so much! ✨

[@on1235]

Thank you for all the amount of content you are providing us for free

[@Flutterly]

My pleasure!

[@badritbinimran428]

An easy explanation to a hard concept. Thanks!

[@brucewayne.2003]

Cant wait for next tutorial, you expain it so well.

[@Flutterly]

Thank you so much! I'm working on it!

[@chiranjeevisaride8655]

Amazing video great summarization of Block concepts in simple way 👏🏻👏🏻👏🏻👏🏻

[@Flutterly]

Thanks a lot! I'll keep em coming,

[@ertaneyimaya768]

perfect. the best tutorial without a doubt on bloc. thank you.

[@TreyHope]

These videos are super helpful bro. Thank you for making it easy to understand.

[@Flutterly]

Thank you so much, brother, glad I could help!

[@legardemontcho6739]

Thank you a lot for the tutorial. The best tutorial of bloc that i have see

[@Flutterly]

Glad it helped! Thank you!

[@legardemontcho6739]

@@Flutterly Please can you explaint the different beetween BlocProvider and RepositoryProvider? How can i use it ?

[@mqhamdam]

bro you dont need to ask to give you a like ;) You deserve more then just like! best explanitaion!

[@ivankrupik2511]

Best explanation i ever seen before.

[@Flutterly]

Thank you, Ivan! Really appreciate it! ✨

[@cindinishimoto9528]

Amazing Bloc series! Congrats on that and keep up the good work!!

[@Flutterly]

Thank you so much, man! Really appreciate it!

[@alexw850]

That was one of the most helpful videos I have ever watched. 🚀🙏Love your visual details and style of teaching. Keep it up. #Flutter

[@numanarif2597]

Thank you, you just earned a new subscriber. Congratulations

[@Flutterly]

Thank you so much, I appreciate it!

[@fuxxel]

A truly very valuable tutorial series. Thank you very much!

[@Flutterly]

You're welcome, thank you!

[@TheIglooCreations]

Wonderful Explanation.......the best best best of all.....

[@Flutterly]

Thank you, so, so, so, much!

[@ankiy]

Literally killed the bloc bruhh great video. ❤️🔥❤️❤️❤️❤️

[@Flutterly]

Thanks, bruh! Hugs and love 🔥

[@tonyivanov-h8n]

Very clear explanation. Thank you!

[@Flutterly]

If you haven't completely understood how BuildContext works inside Flutter in addition to the BLoC Library, I recommend you to watch my dedicated video on this topic. You can find the video right here ---> kzbin.info/www/bejne/n3_KqHmDopiipqc Meanwhile, a new version of bloc has been released (6.1.0) and it comes with some important changes. You can check them out in the video here ---> kzbin.info/www/bejne/in-5qXeriK9jZqs

[@fadilahumar4146]

whade best explained sir keep it u r good teacher 🎉🎉

[@BeforeLeavingLife]

It is the best content in the field. Thank you

[@Flutterly]

You're welcome, man!

[@senakahraman2715]

you are such an excellent teacher for software thank you !

[@alexlibak]

Wow! You're amazing! Keep on doing great stuff!!

[@Flutterly]

Thank you so much, I will!

[@rzouga8878]

Thank you so much! These concepts are very easy to understand with you!

[@zeorjvistr6245]

You are doing a great job you will achieve a lot of fame

[@Flutterly]

Thank you so much for your kind words! Really appreciate your feedback. Indeed it takes a lot of time to make this videos but I hope that in the end they'll be appreciated!

[@codesnacksIO]

I highly doubt the background voice is artificial.. probably AI powered voiceover ..but who cares cause the content is so great!! Thanks for making lives easier!! :)

[@Flutterly]

Mate, it's just my voice haha, didn't have a great microphone back then. Take a look at newer videos haha, I guess my voice sounds better. 😂

[@codesnacksIO]

@@Flutterly haha, lol actually it isn't just about the voice but you never get stuck or anything!! All I can say is brilliant!! Long way to go :)

[@Flutterly]

Haha, well, the audio is well cut and processed before. I usually record at least 45 minutes of content and the final version has only around 30 minutes. That's why it seems like it's a big chuck of uninterrupted content. Thanks a lot for the feedback! ✨

[@codesnacksIO]

So awesome! 😎

[@konradbejger2232]

nice! keep going. Looking forward for some more :)

[@Flutterly]

Thank you!

[@acornerofherheart-jr9pl]

whan an amazing explanation given by you.. perfect video

[@OveStoerholt]

Really well made and cool video! Thanks!

[@Flutterly]

Thank you so much! ✨ I really appreciate it

[@kanyshaiosmonova2008]

Thank you. I will rewatch it in order understand better

[@Ok-Chance]

OMG this is the best explanation ever

[@KenWhipday]

Another excellent explanation - thank you!

[@Flutterly]

Thank you so much! I appreciate every word!

[@shakhzodme]

Love your tutorials! They are the best in the entire universe! =)

[@Flutterly]

Thank you so much! ✨

[@markgargan5793]

Class video!! What extension are you using in VSCode that provides the tree type dashed line structure in your widget class like at 12:03?

[@msharibahmed]

Thank you so much for your time.

[@gondaimgano]

I love Flutter and I love BLoC.

[@Flutterly]

Glad to hear that!

[@Nurhuda-xm9ek]

very cool video man good jobs

[@martinfierro2779]

Excellent explanation, the best!!! Thanks :)

[@Flutterly]

Thank you! I appreciate it! ♥

[@1dhoom11]

thank you for this tutorial it helped me a lot Waiting for the next one

[@Flutterly]

You're welcome, mate! I'm working on it, subscribe and activate the notification bell so that you won't miss it!

[@MrVipulLal]

Beautiful playlist. 🙏

[@ali-cu1ne]

Pure information thx alot for the dark sode of the world

[@Nicosfrs]

This course is sick!!!!

[@mohammedjbeil1788]

Wow , thank you for your effort . keep going

[@kamransaeb1134]

Thanks for the videos! great job man

[@whyshock]

At 17:34 , on left hand screen What plugin are using to get the outline for each widget? The "dashed " outline.

[@Flutterly]

stackoverflow.com/questions/62379299/why-are-the-flutter-guide-lines-broken-in-vs-code

[@christopherotutu3765]

Great Job man, the explanation was really clear. Please am finding hard to get the #6 - Bloc Access video

[@Flutterly]

Thanks! Currently I'm working on it

[@ДавидЭлиаури-ь8в]

Фильтр, конечно, моё почтение

[@nhs.14]

nice video! i want to ask a question, what happen if you use snackbar using blocprovider? and which extension did you use to show the tree of the widget using dotted line? that was pretty neat, and i can easily which widget is the child of which widget

[@DaveDeDog]

Awesome explanations! thank you !!

[@Flutterly]

You're welcome!

[@2LiveGamer]

man u saving my life, i was doing bloc all wrong :c

[@IELTSwithJamoliddin]

Excellent explanation,thanks

[@ermiyaskasahun4796]

Thank you sir. You are a flutter ninja. Can you do some tutorials on flutter multimedia like streaming audio and video files, for the future, please.

[@Flutterly]

Yes, I will, thanks!

[@igortrapp30]

Great work man. May I ask, what vs code theme is that? Do you use any other useful extensions aside from the one you showed? Thanks

[@reanitchannel]

Thank you and need more videos

[@Flutterly]

You're welcome! Yup, more tutorials will come

[@reanitchannel]

@@Flutterly you're save my life

[@reanitchannel]

could I get project that you're using BlocRepository? cos I really need this and can't understand In the documentation of that package

[@Flutterly]

Unfortunately, no, it's a closed source project. You will understand more in the next video. It will come out soon

[@dimitridev9126]

Really good video thank you !

[@Flutterly]

You're welcome, glad I could help!

[@muhamadhaydar2614]

Your explanation is massive, thanks a lot, Just One question, which tool do you use to create videos like this one? could you name it?

[@devrub623]

In comments !

[@Notion615]

really good video, thank you for putting this out there for free. quick question.. Is the builder in BlocConsumer called multiple times per state like a regular BlocBuilder? What if we have some ui widgets that we want rebuilt once per state change. bloclistener doesnt return a widget and its child is outside the scope of the state.

[@MG-qh3hf]

Awesome! Keep it up!

[@Flutterly]

Thank you! I will!

[@themighty222]

Great video man. One question - Why do you need to put the snack bar in the listener and the counter in builder. Why not put them both in the listener?

[@Flutterly]

Because the counter widget needs to be rebuilt, whereas the snackbar is just an action done as a response to a state. Everything about rebuilding should be done in the BlocBuilder, everything else should be done in the BlocListener (as navigating, showing snackbars etc)

[@themighty222]

@@Flutterly Ahhh thats what I missed! The action of showing a snackbar doesn't require our code to rebuild anything, the method you call (showSnackbar) does all that I assume with some magic. Thanks man! Awesome series

[@Flutterly]

Exactly!

[@doug4328]

Awesome stuff. Which vs-code theme are you using?

[@Flutterly]

Haha, it's the default dark theme, but I add contrast into video post processing so that it looks darker haha