#5 Flutter BLOC Counter App || Flutter Bloc State Management Complete Course 2024

In this lecture we will learn how to create counter app using bloc state managment. We will also explore abstraction class concept in detail while creating counter event. We will also learn how we can create counter state class, what is the purpose of copy with method and how it helps us to change state. We will also learn how to create bloc and then how to use events and state in our bloc class. We will also explore what is bloc provider widget, how to add bloc to our widget tree, what is bloc builder widget and how it track changes.
WhatsApp channel: whatsapp.com/channel/0029Va7l...
Tiktok: / axiftaj
Instagram: / thetechbrotherss
Join fb group: / 983554978866765
_____________/Connect On Social Media\____________
► linkedin:➜ / axiftaj
► Instagram:➜ / axif_taj
► Facebook:➜ / aaxiftaj
► Twitter:➜ / axiftaj
► GitHub:➜ github.com/axiftaj
► Hire me on Fiver:➜ www.fiverr.com/asif_taj
=========================================
Free Flutter Bootcamp
• Flutter bootcamp 2022 ...
Flutter Rest API’s Tutorials
• Flutter REST API Tutor...
Provider State Management
• Flutter - MVVM Archite...
GetX State Management
• Flutter GetX State Man...
Flutter Google Map Tutorials
• Flutter Goolge Map Tut...
Flutter SQL Tutorials with shopping cart example
• Flutter Shopping Cart ...
Flutter Hive NOSQL Database
• Flutter Hive NoSQL Dat...
Flutter Firebase Tutorials
• Flutter Firebase Tutor...
Flutter Firebase Notifications Tutorials
• Flutter Firebase Notif...
Navigation & Routing
• Chapter 11 - Navigatio...
flutter, roadmap, bloc, bloc state management, bloc course, bloc tutorials, bloc state management complete course, bloc counter app, counter app, flutter bloc, flutter counter app
for business query write me at:
[e-mail]
00:00 Announcement and Demo
00:30 What we will learn in this example
01:15 Adding Packages
02:40 Creating UI
06:30 Counter Event Class & Abstraction
11:20 Counter State & Copy with method
15:45 Counter BLOC
25:30 BLOC Provider
27:00 BLOC Builder & It's purpose
29:30 Add Events
#flutter #bloc #codingforbeginners #statemanagement #dart #bloc #provider #counterapp

[@sanjaysingh-kq8wg]

damn bro at my job i was so confused how to use bloc you saved me bro..

[@thetechbrotherss]

glad to hear this practice on 2,3 more videos for better understanding

[@user-vp9zs5xy4x]

Great, Explanation !

[@thetechbrotherss]

Thanks

[@dgisfit8714]

well explained brother👌

[@thetechbrotherss]

Thanks

[@abdullahakb3925]

This is what we called : "Teaching stuff" Stay Blessed 😇

[@thetechbrotherss]

Thanks with your friends

[@abdullahakb3925]

@@thetechbrotherss sure why not

[@omkarmore1351]

Thanks for your easy explanation excited to complete the course!!!

[@thetechbrotherss]

Good luck

[@miis_take155]

is video se he samaj gaya sir sabkuch thank you 🤘🤘🤘

[@thetechbrotherss]

do share

[@pawansingh-xc2yv]

Please make a Turtorial on " how to write CLEAN and MODULAR code while making flutter projects"

[@thetechbrotherss]

I will once i am done with basic and practice video

[@nafizaldin3932]

Thanks Broo. You explained it very well.

[@thetechbrotherss]

Thanks

[@sanketkarale5210]

Thank You Sir...🙏

[@thetechbrotherss]

share with your friends

[@mohitverma4580]

Thank you so much sir ☺️🙏

[@thetechbrotherss]

Most welcome

[@loveleshagrahari3875]

Thank you very much

[@thetechbrotherss]

You are welcome, do share with your friends

[@ISOLATED_MAN_]

sir thanx a lot..big fan of ur videos......

[@thetechbrotherss]

Thank you, do share with your friends

[@ISOLATED_MAN_]

@@thetechbrotherss sure is..

[@Amjad_Sajjad329]

Very nice video but very difficult concept.

[@thetechbrotherss]

i must say follow next video for practice, you will understand it

[@shaheryarmalik4306]

great explanation.

[@thetechbrotherss]

Glad you like it

[@shubhamg9495]

You are great at explaining bhai

[@thetechbrotherss]

thank you do share with your friends

[@MuradAli-si2gw]

❤

[@thetechbrotherss]

thanks

[@abuhurairah5046]

wow wow wow

[@thetechbrotherss]

Share with your friends

[@arvideo1053]

First comment brother ❤

[@thetechbrotherss]

Good job

[@abbasali8540]

please sir make a series on Bloc, TDD and Clean architecture

[@thetechbrotherss]

bloc ki playlist uploaded ha

[@thetechbrotherss]

ok

[@flutterdart47]

explain in evry simple way but agr e itna lmab process hia to hm ise q use kretia hia

[@thetechbrotherss]

Lamba ni ha you need to get used to it, also you have more control over data Testing easy ho jati ha

[@user-lh6mh9zq5j]

video uploading speed increase please❣

[@thetechbrotherss]

Ok

[@gyanupadhyay9473]

when to use a single class for bloc states with a copywith constructor and when to use a multiple state class ..?

[@thetechbrotherss]

Usually bloc consists of building multiple states, i have taught this method in next video.

[@numankhan6281]

List get props => [counter]; what is the main purpose of comparing variables,

[@thetechbrotherss]

It is used to hold the value of variable and then it compares objects in backend code of package

[@numankhan6281]

@@thetechbrotherss thank you😍😍

[@muneebullah427]

Sir I am getting this error while running App Error on line 42, column 3 of pubspec.yaml: A package may not list itself as a dependency. ╷ 42 │ bloc: ^8.1.2 │ ^^^^ ╵ flutter_bloc: ^8.1.3 equatable: ^2.0.5 bloc: ^8.1.2 i add same dependance as you added.

[@thetechbrotherss]

package ko back ly kr jao 1 space

[@MuhammadRiaz-cx3dm]

Provider ko chorh k block seekh ly boss?

[@thetechbrotherss]

wo bhi seekho pehle

[@kenil7327]

I can't add flutter_bloc , plz suggest me how can i do that,

[@thetechbrotherss]

You must be doing something wrong, you can also add packages to yaml file

[@saadansari1643]

Beautiful 💫 Thanks again for this great course.

[@thetechbrotherss]

You are so welcome!

[@IndianAkkiPrajapati]

bloc m to hum stateless widget ka use krte hai

[@thetechbrotherss]

Wo bhi kr skty ho

[@morningstar3304]

Bloc class ka constructor nhn ban raha jaise aap ne initialize kya hai separately with super method

[@thetechbrotherss]

Ap follow karin zaroor create hoga

[@saqibbhatti4452]

Explain copyright method plz

[@thetechbrotherss]

i explain in very detail may be you have skipped video, check timestamp

[@nativeworld0]

NO src code which country are you from

[@thetechbrotherss]

Pakistan, check my GitHub everything is available

[@shahabmustafa9672]

sir mana is video sa bloc seek leya sirf practis karta ho is kaa

[@thetechbrotherss]

NeXT videos daikh lo till favourite app

[@Shatrudhankumar-jz3hk]

decrement me minus me ja raha hai uske liye kya karna hoga

[@thetechbrotherss]

Conditions laga lo function ma ya bloc builder sy value get k check laga lo

[@Shatrudhankumar-jz3hk]

@@thetechbrotherss bloc builder me check kaise lagaye

[@Shatrudhankumar-jz3hk]

@@thetechbrotherss code bta sakte hai kya sir

[@saqibbhatti4452]

Explain ?? This Operator

[@thetechbrotherss]

this means current value

[@umarwaqar774]

there is no explanation of core concepts by saying ya aisy hota ha.. ya iska syntax ha.. bar bar chatgpt sa dkhna prta agr sai concept lna ho to CounterBloc() : super(CounterState()){}

[@thetechbrotherss]

i have explain each and everything i have mention this thing in my first video why you need understanding of basic opp concepts. so respectfully dis agree with you.

[@gautamsolanki3644]

why not cubit

[@thetechbrotherss]

If you know bloc then you are done with cubit as well ✌️

[@gautamsolanki3644]

@@thetechbrotherss same work me cubit me kar sakta hu ki usme sirf api or login vla kam karu

[@hiteshkumaryadav8373]

Nhi bhai samjh nhi aaya, kaafi complicated bna diya bro.

[@thetechbrotherss]

ok

[@hiteshkumaryadav8373]

@@thetechbrotherss ok nhi bhaiya thoda aur achhe se samjhao

[@shreyashgupta2706]

bhai tum kitna confuse krke bolte ho

[@thetechbrotherss]

Ok, thanks for feedback

[@morningstar3304]

Halwa bana diya hai

[@thetechbrotherss]

Hehehehe 🙌