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

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

[@ronnykevin9076]

Easy approach really has easy approaches

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

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

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

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

ruclips.net/video/yfn1w2Z-Ooo/видео.html watch this video. This is second part of Bloc

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

[@poonamkalra6306]

Really thanks to you for great explanation of bloc

[@ESLwithAlexey]

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

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

[@salahdinemohamedahide2119]

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

[@EasyApproach]

Thank you so much please subscribe the channel

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

[@rishidiwute3604]

Saved me. and my day ! thank you man.

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

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

[@Andrew-ht7rf]

this is excellent, cheers mate from australia

[@EasyApproach]

Thank you. Please subscribe the channel.

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

[@loncatsanasini6159]

very good and simple explanation. thanks sir

[@EasyApproach]

Thank you subsrcibe the channel please

[@loncatsanasini6159]

@@EasyApproach done

[@EasyApproach]

Thank you :)

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

[@sithumdilanga650]

Thanks man. Nice explanation

[@EasyApproach]

Thank you. Please subscribe the channel.

[@trainofthought5733]

actually a good explanation

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

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

[@Brendan2Alexander]

Very concise and helpful! thank you

[@EasyApproach]

Thank you. Please subscribe the channel.

[@TheIglooCreations]

Best explanation..Thank you so much

[@EasyApproach]

Thank you. Please subscribe the channel.

[@htcnew5247]

Great job! Thanks.

[@EasyApproach]

Thank you. Please subscribe the channel.

[@muneeraadil1214]

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

[@SuvamPrasad]

Too many advertisements, However, you explained very well.

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

[@koustav2008]

EXCELLENT TUTORIAL !!!

[@EasyApproach]

Please subcribe the channel if you like

[@mazenalsakkaf]

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

[@EasyApproach]

Thank you :)

[@062ravi]

Amazing! You are awsm!

[@EasyApproach]

Thank you so much 😀

[@elioalvarado8894]

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

[@EasyApproach]

Thank you. Please subcribe the channel

[@vgeniirshf8913]

Nice explanation, thanks !

[@EasyApproach]

Thank you. Please subscribe the channel

[@BeforeLeavingLife]

Good Job. Thank you bro !

[@EasyApproach]

Thank you. Please subscribe the channel.

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

[@shopno9096]

Thank you. Its really helped.

[@EasyApproach]

Thanks

[@ssumeet2]

bro good work!!!

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

[@kotlin_man]

Nice Video For Beginner Tanx

[@EasyApproach]

Thank you so much

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

[@msayeed78]

Excellent thanks brother . Keep it up.

[@EasyApproach]

Thank you :)

[@FelipeSantiago007]

awesome! simple way of implementing! thank you

[@EasyApproach]

Thanks I appreciate

[@AneesHameed]

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

[@EasyApproach]

Thanks. Please subscribe the channel.

[@AneesHameed]

@@EasyApproach already done 😁

[@ITMANZ]

Well done, Mazz :)

[@EasyApproach]

Thank you! 😃

[@dielectricna]

Very nicely explained. I was confused AF until now

[@EasyApproach]

Thanks Happy to hear!

[@coderspathway]

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

[@johnmichaelhilario5880]

bro, you thank you so much!

[@EasyApproach]

Welcome bro. Please subscribe the channel

[@metaspook]

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

[@siddharthmehra5796]

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

[@theethicalh3707]

thank you very much

[@EasyApproach]

You are welcome

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

[@utpalgaurav14]

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

[@husnulaqib5303]

Thanks for sharing

[@EasyApproach]

Thank you. Please subscribe the channel.

[@husnulaqib5303]

@@EasyApproach done

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

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

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

[@deepakchauhan8884]

Please give example where I can use multiple bloc

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

[@balaganesh3440]

good stuff..

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

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

[@i_lovedeepika]

Was it really decrementing though?

[@EasyApproach]

My bad

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

[@ashiqurrahmanashiq262]

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

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

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

[@afifnadaf9321]

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

[@EasyApproach]

thankyou please subscribe the channel

[@uzairleo2910]

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

[@deebmali3378]

because

[@Fnyvids]

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

[@CubeEdgeRecap]

Subscribed.

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

[@llama7206]

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

[@EasyApproach]

ruclips.net/video/yfn1w2Z-Ooo/видео.html try this

[@m.arslankhan7449]

github link is not working

[@barry.anderberg]

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

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

[@nirbhaysrivastava928]

What is the benefits of adding this??

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

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

[@sangamshrestha143]

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

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

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

[@__renesan]

Gracias

[@EasyApproach]

Thank you. Please subscribe the channel.

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

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

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

[@hananasyrawi9297]

how about with counsume with A Api

[@EasyApproach]

Sorry, I didn't get you

[@skipydie]

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

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

[@anpvikas]

Reso coder?

[@EasyApproach]

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

[@anpvikas]

=D

[@EasyApproach]

Love you bro ❣️ :)

[@aynoofficial448]

not working

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

[@yassinelutumba6907]

bloc pattren

[@AayushSingal1]

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

[@arbazadam3407]

This dude creates good content but trust me his fake accent kills...

[@EasyApproach]

Thank you. Please subscribe the channel.

[@arbazadam3407]

Ofcourse i did subscribe. Good content is always appreciated ! Could you please create something for CI/CD with codemagic or just paste the link here if you have already done it?

[@EasyApproach]

No i didn't will make. Thanks for suggestion :)