Easiest way to understand BLOC Pattern in Flutter

[@agoodmansaid]

All the other "Easy" tutorials assume some intermediate level of understanding. this truly is the "EASIEST" bloc tutorial on the internet. thank you so much!

[@EasyApproach]

Glad it helped!

[@EasyApproach]

Thank you. Please subscribe the channel.

[@zlash7]

14:27 decreasing by one lol but still very good explanation. Thank you for your time in sharing your knowledge.

[@coffeebytez]

He just forgot to change it to minus 1 in CounterBloc. It happens. I do it in my videos sometimes. Then I rewatch and edit in a fix lol.

[@EasyApproach]

Hahah! Yeah sorry I forgot! Thank you for understanding!

[@EasyApproach]

Thank you Chris!

[@qaiserhussain1861]

hahaha that was funny part!

[@darshakmehta]

@@EasyApproach That is totally negligible.... when focused on knowledge, such things don't even matter....

[@gameofcodes9832]

You helped me to learn both Provider and BLOC. I really appreciate your work. A lot of thanks to you :)

[@EasyApproach]

Thank you. Please subscribe the channel.

[@ronnykevin9076]

Easy approach really has easy approaches

[@ideepdave]

Thank you, gentleman. It Helped. Relief of working with flutter from one and a half years and finally understanding how bloc works.

[@EasyApproach]

Glad it helped!

[@urmilshroff]

Woah, I finally understood BLoC after nearly giving up on it! Thank you so much for this. It all makes sense now!🎉

[@EasyApproach]

Glad it helped!

[@urmilshroff]

@@EasyApproach I have a question though - you are using enums while the official docs suggest making classes for every event and also using the equitable package. That's where it gets annoying for me with the excessive boilerplate, so which is the appropriate way to do it?

[@EasyApproach]

This is just thee basics. Wait let me share the proper video.

[@EasyApproach]

kzbin.info/www/bejne/r5fRYqpoj5KCpdE watch this video. This is second part of Bloc

[@nickbrodd7159]

Excellent explanation of the fundamentals of the BLoC concept and a great example of how to implement the code! Thank you!!

[@EasyApproach]

Thank you so much

[@michaeltolsma7717]

9:45 Thanks for that difference between yield and return. Put very simply.

[@EasyApproach]

In streams, for putting the value into stream we use yield ;) . Please subscribe the channel.

[@winstent966]

Thanks Bro! I just got "aha!!" on BLoC after watching this video. Keep up the great work!

[@EasyApproach]

Please subscribe the channel if you like the video

[@urmilshroff]

Same, I FINALLY got the "aha" moment with BLoC!

[@ESLwithAlexey]

Great video with fantastic way to explain complex things! Thanks for sharing your practical knowledge in this bloc tutorial.

[@poonamkalra6306]

Really thanks to you for great explanation of bloc

[@krishnakumarramachandran5888]

Thanks for this Awesome Video brother. Now i understand bloc clearly.

[@EasyApproach]

Thank you brother :) please subscribe the channel for more

[@krishnakumarramachandran5888]

@@EasyApproach Already Subscribed brother.

[@AshiqurRahman]

This is the easiest video...Thank you

[@EasyApproach]

Glad it helped! Please subscribe the channel.

[@aresbowen135]

i know Im asking randomly but does someone know a tool to log back into an instagram account?? I was dumb lost my account password. I would love any help you can give me!

[@timothyira5270]

@Ares Bowen instablaster ;)

[@aresbowen135]

@Timothy Ira Thanks so much for your reply. I found the site thru google and im waiting for the hacking stuff now. I see it takes a while so I will reply here later when my account password hopefully is recovered.

[@aresbowen135]

@Timothy Ira it worked and I actually got access to my account again. I'm so happy! Thank you so much, you really help me out :D

[@jiren8991]

After watching this, I wished that I could subscribe you n number of times. Great work

[@EasyApproach]

Thank you

[@jiren8991]

@@EasyApproach the pleasure is all mine

[@salahdinemohamedahide2119]

thanks helps a lot keep doing this you are a very good teacher

[@EasyApproach]

Thank you so much please subscribe the channel

[@Fred_Klingon]

Thanks for your explanation! Just one thing, I read the documentation before, I think that importing flutter_bloc is enough, it will import bloc by itself, no need to re-import in the project!

[@doriangarcia73]

Very clear and concise. Keep it up!

[@EasyApproach]

Please subcribe the channel if you like

[@doriangarcia73]

@@EasyApproach Just did ;) Thanks! Take care out there.

[@miltonvincenttis6680]

Your accent I think is an effort to me well understood. Good English. In the switch there's an typo. In option to decrement you are adding (+) instead of (-).

[@loncatsanasini6159]

very good and simple explanation. thanks sir

[@EasyApproach]

Thank you subsrcibe the channel please

[@loncatsanasini6159]

@@EasyApproach done

[@EasyApproach]

Thank you :)

[@TheIglooCreations]

Best explanation..Thank you so much

[@EasyApproach]

Thank you. Please subscribe the channel.

[@Brendan2Alexander]

Very concise and helpful! thank you

[@EasyApproach]

Thank you. Please subscribe the channel.

[@Andrew-ht7rf]

this is excellent, cheers mate from australia

[@EasyApproach]

Thank you. Please subscribe the channel.

[@solovigil7470]

Just change in counter_bloc -> yield state-1 (when event is decrement) and u are good to go Nice video

[@EasyApproach]

Haha yeah I did silly mistake. Please subscribe the channel.

[@muneeraadil1214]

Great stuff.. Thank You for explaining it very well :)

[@steven_mkn]

19, 20, 21... "as you can see, it is decrementing by 1"

[@EasyApproach]

pardon me :'( :'( ... :D

[@steven_mkn]

@@EasyApproach It's cool bro, I understood. Thanks for the vid

[@EasyApproach]

I appreciate man. Please subscribe the channel for more videos

[@matrosovdeveloper]

Looks like decrementing feature of this BLOC is the most popular in the comments))) I don’t mind as it’s great video explanation

[@ijazfx]

Very good! A tip for you for future videos: 1. Always prepare a script of your screencast. 2. Record full video without speaking, just focus on your coding. 3. Voice-over and annotate your video

[@EasyApproach]

Thanks for the tips!

[@matrosovdeveloper]

I don’t mind if some mistakes occurred if I got everything) nice video!

[@sithumdilanga650]

Thanks man. Nice explanation

[@EasyApproach]

Thank you. Please subscribe the channel.

[@tareqislam8644]

This is a very good explanation. I would like to hear some differences with the Provider package and other Simple alternatives as well. Like BlocProvider is the alternative of Provider, BlocProvider.of(context) is an alternative of Provider.of(context) and BlocBuilder is alternative of StreamBuilder, etc. But very good video man really forced me to subscribe as well.

[@rishidiwute3604]

Saved me. and my day ! thank you man.

[@SuvamPrasad]

Too many advertisements, However, you explained very well.

[@dielectricna]

Very nicely explained. I was confused AF until now

[@EasyApproach]

Thanks Happy to hear!

[@mazenalsakkaf]

Great! thank you for simplifying Block...much appreciated

[@EasyApproach]

Thank you :)

[@elioalvarado8894]

Muchas gracias mi hermano, buenísima explicación. Thanks for keep it so simple and understandable

[@EasyApproach]

Thank you. Please subcribe the channel

[@trainofthought5733]

actually a good explanation

[@deepakchauhan8884]

Please give example where I can use multiple bloc

[@gokulprasanth3991]

kindly please update the bloc tutorial video ,I'm getting errors like this below "BlocProvider.of() called with a context that doesn't contain a cubit of type CounterBloc"

[@milanpoudel3737]

Sorry to ask but how did you understand BLOC pattern when you were a beginner? Any resources, books that you recommend.Your video has helped a lot but still I want to go deep and learn more

[@EasyApproach]

bloclibrary.dev/#/coreconcepts

[@vgeniirshf8913]

Nice explanation, thanks !

[@EasyApproach]

Thank you. Please subscribe the channel

[@utpalgaurav14]

Whats the difference between BLOC and MVC ? Looks same to me.

[@metaspook]

You've missed the Repository layer which supposed to be in between Data and Bloc layer

[@shopno9096]

Thank you. Its really helped.

[@EasyApproach]

Thanks

[@muhammadkashif7209]

you explained very nicely but i am facing a little confusion why we need to used bloc pattern instead of simple variable logic

[@EasyApproach]

It is complex but more organized than simple state management as all the related state exist at one place.

[@muhammadkashif7209]

@@EasyApproach thanks

[@EasyApproach]

Welcome. Please subscribe the channel

[@muhammadkashif7209]

@@EasyApproach sure

[@Mr_Zeesshhh]

On clicking decrement it is showing incremented value , I think you by mistakenly given yield state + 1 in decrement case instead of yield state - 1 . Am i right sir ?

[@EasyApproach]

yes

[@i_lovedeepika]

Was it really decrementing though?

[@EasyApproach]

My bad

[@htcnew5247]

Great job! Thanks.

[@EasyApproach]

Thank you. Please subscribe the channel.

[@m.arslankhan7449]

github link is not working

[@kotlin_man]

Nice Video For Beginner Tanx

[@EasyApproach]

Thank you so much

[@msayeed78]

Excellent thanks brother . Keep it up.

[@EasyApproach]

Thank you :)

[@ZeeshanAli-ju2nc]

can you describe yield state + 1; how can judge state variable as you are using butt not declare any where in file.

[@EasyApproach]

this state variable is from Bloc class to access the current state, you don't have to define it.

[@tareqislam8644]

Bro, how should we handle dispose in flutter_bloc ?

[@koustav2008]

EXCELLENT TUTORIAL !!!

[@EasyApproach]

Please subcribe the channel if you like

[@nirbhaysrivastava928]

What is the benefits of adding this??

[@FelipeSantiago007]

awesome! simple way of implementing! thank you

[@EasyApproach]

Thanks I appreciate

[@BeforeLeavingLife]

Good Job. Thank you bro !

[@EasyApproach]

Thank you. Please subscribe the channel.

[@llama7206]

you didnt show data being passed from the data provider to the bloc............

[@EasyApproach]

kzbin.info/www/bejne/r5fRYqpoj5KCpdE try this

[@MrSaadmahmud]

Very good video. just one thought as viewer, your english is very fluent, just sometimes it tough to get when you speed it up, hope you make it more sound natural.

[@EasyApproach]

In latest videos this is improved. Thanks for feedback

[@062ravi]

Amazing! You are awsm!

[@EasyApproach]

Thank you so much 😀

[@bennguyen1313]

I like how the inc/dec events are just enums, not another class! In CounterBloc you initialize a "initialState" variable to 0, but in the inc/dec event you update a "state" variable. Should these names have been the same? Is the counterScreen UI widget a child of counterBloc? In the CounterBloc's mapEventToState, would it have worked if you would have used "return" instead of "yield"? Or, in general must 'async' and 'yield' always go together?

[@EasyApproach]

State returns the current value of state of CounteState, so as we are using int as counter state type so you can get the current value of counter by by using state.

[@niteshrathore4341]

Hey please make a full video on login and signup using the http get and post request.

[@EasyApproach]

Sure

[@niteshrathore4341]

@@EasyApproach i really need to do login and signup using the http get and post. Because i want to create a project so it would be help to me. Your videos are amazing. I will share your videos to frnds.

[@EasyApproach]

Thank you. Please subscribe the channel.

[@uzairleo2910]

why we need bloc pattern sir if we can do the same work easily

[@EasyApproach]

to have more control on state management! Provider and Inherited widget are not completely state management, they are more state sharing mechanism but using bloc you would more control and organised code!

[@uzairleo2910]

@@EasyApproach Thanks

[@fluttterdev1k]

thanks bro ,but for this update you should use class CounterBloc extends Bloc { CounterBloc(int initialState) : super(initialState) { on((event, emit) { switch (event) { case counterEvent.increment: emit(state + 1); break; case counterEvent.decrement: emit(state - 1); break; } }); } } instead of class CounterBloc extends Bloc { CounterBloc(int initialState) : super(initialState); Stream mapEventToState(counterEvent event) async* { switch (event) { case counterEvent.increment: yield state + 1; break; case counterEvent.decrement: yield state - 1; break; } } }

[@uzairleo2910]

also why we used patterns anyone like provider or bloc etc etc what the actually need of this paradigm in development

[@deebmali3378]

because

[@theethicalh3707]

thank you very much

[@EasyApproach]

You are welcome

[@marcoseduardodasilvabergam545]

Ok so, I tried here and it works, but now, flutter_bloc is 2.1.1, and Android studio is telling me that: 'builder' is deprecated and shouldn't be used. Still working, but is telling me this...

[@promaen]

if you havent figured it out already, use create: instead of build: see pub.dev/packages/flutter_bloc for additional resources

[@ricard458]

At this time (May 2020) the BlocPrivider doesn't have the build: ... Instead, it has create:

[@EasyApproach]

Yeah! However, the concept is still same ;)

[@galaxian_hitchhiker]

Very cumbersome pattern for simple apps, a lot of work for basic things. But should see in really big apps. Not sure about the performance however.

[@hananasyrawi9297]

how about with counsume with A Api

[@EasyApproach]

Sorry, I didn't get you

[@barry.anderberg]

Async does not create another thread. Dart is a single thread language.

[@unioltered7499]

I think you are not right telling that async runs in a different thread because all Dart async programming is still synchronous and goes on the same thread. To use different thread you need to create new isolate using features of dart or use compute function which does everything for you. Read some articles about event loop and microTask loop.

[@johnmichaelhilario5880]

bro, you thank you so much!

[@EasyApproach]

Welcome bro. Please subscribe the channel

[@coderspathway]

I have no problem with your accent. I don't why some people has.

[@AneesHameed]

I think this is the easiest bloc video that I have ever seen...

[@EasyApproach]

Thanks. Please subscribe the channel.

[@AneesHameed]

@@EasyApproach already done 😁

[@husnulaqib5303]

Thanks for sharing

[@EasyApproach]

Thank you. Please subscribe the channel.

[@husnulaqib5303]

@@EasyApproach done

[@siddharthmehra5796]

It's hilarious that you didn't even notice that decrementing is not working as it should. Great explanation though!

[@Fnyvids]

great job. Thanks for your efforts. subscribed. Accent u know :)

[@ashiqurrahmanashiq262]

CounterBloc.dart //int get initialState =>0 CounterBloc() : super(0) main.dart body:BlocProvider( //builder:......... create :........... )

[@kartzhai]

can i request video Flutter_bloc with Listview Builder that receive data from API? Thank you

[@EasyApproach]

Are you a magician :o That's exactly my next topic! Will upload the video tomorrow or on Sunday. Thanks

[@EasyApproach]

Thanks

[@kartzhai]

@@EasyApproach WOAHH GREAT!! sure will watch your video asap. when will you upload it btw?

[@EasyApproach]

@@kartzhai saturday afternoon or sunday morning!

[@EasyApproach]

​@@kartzhai you better press the bell icon you will get the notification.

[@WorstDeveloper]

What if you had 100 different states to keep track of globally?

[@EasyApproach]

We make different Blocs for different screen!

[@KoradiyaAbhay]

Which is best, Bloc pattern or Provider ?

[@EasyApproach]

Bloc for big projects as it gives more maintainability and power, however provider is good enough for decent projects!

[@KoradiyaAbhay]

@@EasyApproach ok thanks

[@KoradiyaAbhay]

@@EasyApproach Can I use some common state as AppState?

[@EasyApproach]

@@KoradiyaAbhay yeah you can if needed!

[@afifnadaf9321]

Nice video.. He made typo on 10:04.. Rest is very informative.

[@EasyApproach]

thankyou please subscribe the channel

[@ITMANZ]

Well done, Mazz :)

[@EasyApproach]

Thank you! 😃

[@__renesan]

Gracias

[@EasyApproach]

Thank you. Please subscribe the channel.

[@balaganesh3440]

good stuff..

[@amangautam273]

Good job bro. Just a kind request, please leave your fake accent. Be real!

[@EasyApproach]

Thank you for your suggestion :)

[@EasyApproach]

Kindly subsrcibe the channel

[@redpillersdotcom8502]

Lol

[@ssumeet2]

bro good work!!!

[@sangamshrestha143]

I determined to not watch after repeatedly hearing bloc pattren instead of bloc pattern.

[@anpvikas]

Reso coder?

[@EasyApproach]

I just go to know him, btw he is great!

[@anpvikas]

=D

[@EasyApproach]

Love you bro ❣️ :)

[@zubu14]

I think you got the wrong understanding of decreasing the counter :P. BTW great work.

[@EasyApproach]

Ahahha pardon meeeeee

[@zubu14]

@@EasyApproach I have very hard time in understanding the Dependency Injection, have you made any video ? BLOC + Dependency Injection would be nice

[@ChandanSomani]

if this is easy approach than what is complex......... your initial explanation was is good making things simple but creating ur porper base is necessary... i think more accurate approach in initial explanation was necessary , every aspects needs to tracked

[@aynoofficial448]

not working

[@LE8271]

"State is the data you application is currently showing". Nope. It is ALL the parameters that defines what it should show. It is NOT the data. Data is the last in the queue.

[@EasyApproach]

You are right!

[@DexterTalha]

Nice an explained tutorial,,, thank you... But it's not decrementing the value...

[@EasyApproach]

the code that I put on github?

[@CubeEdgeRecap]

Subscribed.

[@Vellutia]

both event yield + 1 as the int state XD

[@EasyApproach]

XD you got the bloc right?

[@Vellutia]

@@EasyApproach Yea you explained it pretty well. I used to implement provider package for my state management but now I want to learn using flutter_bloc

[@EasyApproach]

@@Vellutia love you bro :*

[@designpoint_india]

You make your video very nice but your talking speed is very high so keep your speed little bit slow.. thank you

[@EasyApproach]

ohhh thanks :D I would take care of it

[@skipydie]

So.. this seems like a presenter pattern to me...

[@yassinelutumba6907]

bloc pattren

[@apnatuition55]

ads bhot h

[@EasyApproach]

Skip ;)

[@damanjeetsingh3801]

great video... as always... but please stop using this fake accent, totally intolerable. As a listener and a student, we need to put an extra effort on your pronunciations, when we should be concentrating on the concepts you are teaching. Please stop faking. it sounds really cheap. English is not our first language. So sounding like native is not expected from us.

[@EasyApproach]

Noted :)

[@damanjeetsingh3801]

@@EasyApproach looking forward to more amazing content from you Maaz... Your original content in your original way... cheers...

[@EasyApproach]

Thank you man. In latest video, I will make sure all the points you highlighted. Thanks for the feedback.

[@AayushSingal1]

it's a good tutorial. Just please leave your fake accent, it gets annoying really quick!