Easiest way to understand BLOC Pattern in Flutter

Important Note : I have unintentionally switched the stream and sink.
Correct is : Sink is from where we add data to the stream, while source is from where we consume data!
In this video, I have the given fundamental concepts of BLOC pattern (Business Logic Component), furthermore, I have implemented Bloc Pattern in a simple counter application using flutter_bloc and bloc packages.
github.com/themaaz32/bloc_imp...

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

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

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

[@ronnykevin9076]

Easy approach really has easy approaches

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

[@ESLwithAlexey]

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

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

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

[@elioalvarado8894]

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

[@EasyApproach]

Thank you. Please subcribe 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!

[@mazenalsakkaf]

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

[@EasyApproach]

Thank you :)

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

ua-cam.com/video/yfn1w2Z-Ooo/v-deo.html watch this video. This is second part of Bloc

[@muneeraadil1214]

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

[@FelipeSantiago007]

awesome! simple way of implementing! thank you

[@EasyApproach]

Thanks I appreciate

[@midclock]

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!

[@poonamkalra6306]

Really thanks to you for great explanation of bloc

[@koustav2008]

EXCELLENT TUTORIAL !!!

[@EasyApproach]

Please subcribe the channel if you like

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

[@Brendan2Alexander]

Very concise and helpful! thank you

[@EasyApproach]

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

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

[@shopno9096]

Thank you. Its really helped.

[@EasyApproach]

Thanks

[@rishidiwute3604]

Saved me. and my day ! thank you man.

[@salahdinemohamedahide2119]

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

[@EasyApproach]

Thank you so much please subscribe the channel

[@Andrew-ht7rf]

this is excellent, cheers mate from australia

[@EasyApproach]

Thank you. Please subscribe the channel.

[@msayeed78]

Excellent thanks brother . Keep it up.

[@EasyApproach]

Thank you :)

[@vgeniirshf8913]

Nice explanation, thanks !

[@EasyApproach]

Thank you. Please subscribe the channel

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

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

[@htcnew5247]

Great job! Thanks.

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

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

[@ssumeet2]

bro good work!!!

[@trainofthought5733]

actually a good explanation

[@ITMANZ]

Well done, Mazz :)

[@EasyApproach]

Thank you! 😃

[@manasasompalli]

Best explanation..Thank you so much

[@EasyApproach]

Thank you. Please subscribe the channel.

[@BeforeLeavingLife]

Good Job. Thank you bro !

[@EasyApproach]

Thank you. Please subscribe the channel.

[@johnmichaelhilario5880]

bro, you thank you so much!

[@EasyApproach]

Welcome bro. Please subscribe the channel

[@sithumdilanga650]

Thanks man. Nice explanation

[@EasyApproach]

Thank you. Please subscribe the channel.

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

[@danielxavdeoliveira8578]

Very nicely explained. I was confused AF until now

[@EasyApproach]

Thanks Happy to hear!

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

[@SuvamPrasad]

Too many advertisements, However, you explained very well.

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

[@CubeEdgeRecap]

Subscribed.

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

[@theethicalh3707]

thank you very much

[@EasyApproach]

You are welcome

[@balaganesh3440]

good stuff..

[@Fnyvids]

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

[@062ravi]

Amazing! You are awsm!

[@EasyApproach]

Thank you so much 😀

[@loncatsanasini6159]

very good and simple explanation. thanks sir

[@EasyApproach]

Thank you subsrcibe the channel please

[@loncatsanasini6159]

@@EasyApproach done

[@EasyApproach]

Thank you :)

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

[@husnulaqib5303]

Thanks for sharing

[@EasyApproach]

Thank you. Please subscribe the channel.

[@husnulaqib5303]

@@EasyApproach done

[@kotlin_man]

Nice Video For Beginner Tanx

[@EasyApproach]

Thank you so much

[@tareqislam8644]

Bro, how should we handle dispose in flutter_bloc ?

[@utpalgaurav14]

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

[@deepakchauhan8884]

Please give example where I can use multiple bloc

[@uzairleo2910]

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

[@deebmali3378]

because

[@__renesan]

Gracias

[@EasyApproach]

Thank you. Please subscribe the channel.

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

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

[@coderspathway]

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

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

[@m.arslankhan7449]

github link is not working

[@metaspook]

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

[@nirbhaysrivastava928]

What is the benefits of adding this??

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

[@hananasyrawi9297]

how about with counsume with A Api

[@EasyApproach]

Sorry, I didn't get you

[@siddharthmehra5796]

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

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

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

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

[@WorstDeveloper]

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

[@EasyApproach]

We make different Blocs for different screen!

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

[@DexterTalha]

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

[@EasyApproach]

the code that I put on github?

[@AneesHameed]

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

[@EasyApproach]

Thanks. Please subscribe the channel.

[@AneesHameed]

@@EasyApproach already done 😁

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

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

[@4khdfreestockfootagenocopy135]

Wrong: Stream is to send data out for consumption and Sink is the point where data is added by the bloc so that it can be directed to stream.

[@EasyApproach]

You are correct. Read description

[@afifnadaf9321]

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

[@EasyApproach]

thankyou please subscribe the channel

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

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

[@barry.anderberg]

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

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

[@ashiqurrahmanashiq262]

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

[@anpvikas]

Reso coder?

[@EasyApproach]

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

[@anpvikas]

=D

[@EasyApproach]

Love you bro ❣️ :)

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

[@llama7206]

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

[@EasyApproach]

ua-cam.com/video/yfn1w2Z-Ooo/v-deo.html try this

[@aynoofficial448]

not working

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

[@sangamshrestha143]

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

[@yassinelutumba6907]

bloc pattren

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

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

[@apnatuition55]

ads bhot h

[@EasyApproach]

Skip ;)

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