Flutter Bloc & Cubit Tutorial
HTML-код
- Опубликовано: 9 янв 2025
- 📗 Written tutorial & starter project 👇👇
resocoder.com/...
📧 Get Flutter news 📰 and resources:
👉 flutter.education
👨💻 Do you write good code? Find out now!
resocoder.com/...
Bloc is a well-known and established library when it comes to state management in Flutter. It promotes good practices such as immutability and it has one of the best ecosystems of supporting packages and documentation built around it. In spite of all these benefits, using the Bloc package is painful at times and the cause is none other than boilerplate.
The version 6.0.0 and upwards of the Bloc package comes to make this library palatable to the masses! It gives you the ability to use a lighter version of Bloc called Cubit and removes a bunch of boilerplate.
Go to my website for more information, code examples, and articles:
● resocoder.com
Follow me on social media:
● / resocoder
● / resocoder
● / resocoder
2:57 going over the sample project
4:36 cubits vs other mutable state management
9:34 BLoC vs cubit
11:00 building app using cubit
37:10 building app using BLoC
I'm a simple man. I see a new Reso Coder video, I click...
thank you for covering the latest version of BLoC.
Thanks a lot for this good tutorial! I have been working part time for 6 months in a flutter project for a big IT company and never cared that much to understand this concept, but now I do and it makes everything a lot easier.
@34:50 For "final weatherCubit = context.bloc();" it says "'bloc' is deprecated and shouldn't be used. Use context.read or context.watch instead. Will be removed in v7.0.0.
Try replacing the use of the deprecated member with the replacement.". What is a good replacement for this code? Thanks
EDIT for anyone interested its final weatherCubit = context.read(); intead
Thank you!
Thanks :-)
that is why i did not find it ,thank you
This channel is best flutter channel ever. Watched a lot of bloc tutorials but non was helpful like this.
I love the simplicity of cubit.
Thanks for sharing this and compare the differences
You are awesome
This is the best explanation of the Bloc I've seen
man, thats a really good explanation of this new feature, i dont even have a goods english skill and i completely understood what cubit and bloc is, thank you
You are the best source for bloc development! And always up to date!
You are an amazing teacher! Thank you. Bloc has been like a maze for me and you have helped me greatly in figuring it out. Thanks again.
Glad I could help!
Thanks since from Brazil, man! Keep going the good job!
I like your coding practices like organising files and stuffs
Man. You got a new subscriber!!!!!!!!!
This was so good. It cleared every question i had
Thanks!!!!!
best ever tutorial for beginners...SUBSCRIBED
Combined Cubit with Freezed.. and OMG what a result!
I guess now i can move forward to making a complete app. Thanks man!
Wow! This is a great course on Bloc library.
Thank you so much! It really helped me start with Bloc and Cubit. It is really similar to Jetpack ViewModel and Kotlin Flow pattern which is amazing!
Dude, thank you for this "eureka moment" that I just had!
Thanks a lot for this video! An in depth video/tutorial series about connecting a Flask/Django backend with a Flutter app would be amazing
Thank you so much for explaining this. I was looking for this for a while!
Wow, great timing! Yesterday I was reading the documentation. Thanks!
Great video tutorial👏!
Thanks for formatting the vid to be straightforward. The website link helps so it can be easily followed.
Looking forward to other awesome videos.
Thanks for your instructions, I love the way you organized your youtube channel and linked to your website, I'm doing with Bloc and now the cubit just remove the state file, which means will save my time alot. Really want to work with you some day, Peace out mate
In learning state management (for flutter/dart development), I’ve been through with the setState design and the provider package; now looking at the BLoC pattern.
BLoC ‘feels’ like imposing imperative design on a basically declarative (reactive) system, where provider seems a better fit for the flutter declarative framework.
I don’t have good/bad opinions about this yet, just interested the views of those more experienced with flutter/dart .
Thank you for this. As a noob developer, after really diving into this video and going through it a few times over a couple days, I FINALLY feel like I actually understand how Bloc/Cubit works and how to implement them into the first app that I'm building myself. I made major breakthroughs in my app after it all clicked for me with this video. And thank you for doing a tutorial on the updated Bloc/Cubit so soon after the major change, not much else out there that's up to date
Lots of great flutter tutorials out there, Reso Coder rules them all. Thanks for the great work.
Finally bloc tutorial 👍👍👍👍👍
How many more videos are there in the DDD flutter series ?? @resocoder
I think not more than 4.
@@ResoCoder eagerly waiting for them ! Take care and relax ! It's surely a hell of task to compile such a awesome course !
Great effort bro 👍
@@ResoCoder really good tutorial, thank you so much Matt
For first time using Bloc is hard
And now in this video i know how is Bloc is worked
*After v6.1.0, both context.bloc and context.repository are deprecated in favor of **context.read** and **context.watch*
Awesome tutorial, thats what i was looking for
Sir please make a video of using bloc pattern along with json API
Finally a new bloc tutorial
Great Video i was waiting for this, GREAT GREAT JOB THANK YOU!!!!
Hey ResoCoder ;) Working on our app and needed to update Bloc. Thanks for this amazing video once again
Nice tutorial, i'm finally understanding cubit and bloc, thanks dude. By the way what theme did you use in VsCode for the tutorial?
thank you so much for your time and effort :) i'm learning from you a lot every day ... planing to finish TDD after this i will make a my start up project using TDD and will apply to remote job :) i will tell you when i got a job that your are the main reason of it ^_^
Thanks a lot for this tutorial you realy saved my day im already your subscriber
great work, thanks alot for your vids, you just saved my days.
Thank you for this video. Very helpful!
What an amazing tutorial. Easily the best👌👍
Thank you so much ! It helped me a lot
bravo! excellent totorial!
great explanations
you are my hero man.
thank you for this my code just became so smaller using functions instead of events
Another great video!
always thanks for you quality tutorials. what's real difference between Bloc and Cubit? when should we use Cubit?
Just what I was looking for!!!
Everything is beautiful 😊😊
There is no need to add "bloc" in pubspec.yaml, it’s pulled automatically with "flutter_bloc".
Also, when using "const" constructors, you shouldn’t use "new" with them, it defies the (already limited) purpose.
I was thinking about the second thing while watching the video
This is what we are waiting for!
CyberWidget😉
@Hashem Aboonajmi 😉
Great video, thank you
Awesome tutorial. Please can you send the plugins you use for flutter development with vs code
Thank you for the tutorial. Can you show me the code using the "freezed" package?
Great tutorials! Thanks
Great tutorial, thanks a lot! I was SOOOO depressed to see my app broken by flutter_bloc version upgrade. BTW, 6 major versions within 8 months for the flutter_bloc package, am I the only one shocked? Any chance to get some kind of stability for this package in the future? Otherwise you will be obliged to make a new tutorial every month!!!
Most of the changes are quite minor but by following the rules of semantic versioning, every breaking change has to automatically bump the major version number. I'm not opposed to doing tutorials though 😀
Clear explanantions..thank you so much..
why not using an equatable package? Any specific reason? equatable: ^1.2.0
I want to know the same thing. Especially considering the same author wrote equatable with bloc
Just to not introduce yet another package into the tutorial. I guess it's simple enough that I should've used it though.
Me too taught equatable got obsolete for a minute or two there😌 ... Really nice tutorial though... understand the reason for cubit alot better now
please teach TDD with cubit
amazing tutorial! by the way what's the font you are using?
very good i like your videos and i'm bloc fan like you thanks
Why do we pass the repository as a paramter to the cubit, rather than instantiating it inside the cubit .
Nice tutorial. like how u explain and compare to other tools
Hi , please could you make an example of using firebase with cubit, please!
hey why did not use listener in weather_bloc.dart page ? In previous video which is counter app, we used to constructor with listen function.
i mention that:
CounterBloc() {
counterEventController.stream.listen(mapEventToState);
}
like this.
Awesome! Thanks!
Can you explain how toi use freezed with State classes?
Thank you for this video. I'm still new to flutter and I'm trying to develop cubits in an App. I'm lost on how to communicate the button tap/press event that calls an API get data and rebuild the UI and render it on a DataTable
Awesome man, thanks a lot
If the block consumer only defined handling the case where the state is weatherloaded in the builder function (only the weatherror state was handled in the bloc listener), how did the UI update on weatherloaded once you searched for weather second time ? This is during the cubit section of this talk.
Which vs code theme is thhis. Looks sooooo good.
what is the differences between cubit and bloc? why we use cubit if we deleted or switched them ?
Nice tutorial! I would like to ask you guys why was it not necessary to dispose the bloc in this case? thanks!
thanks for the tutorial!
Thanks for the tutorial. I'm curious as to how the '^' works in the hashCode override for the Weather class? 'cityName.hashCode ^ temperatureCelsius.hashCode'
Can you upload a new Updated Video on bloc?
thanks for the tutorial
One question: is it important to provide the FakeWeatherRepository from outside to the Cubit through its constructor? Is there some disadvantages if I create an instance of it inside the Cubit?
Hey Matt, great explanation. Could you please help me out on how to generate boilerplate code like bloc extension.
Great job, thank you.
Amazing thanks 😊
Hey, great work as always, I wanted know why didn't you suggest using Equatables for checking equality, like in TDD tutorials?
Can I use equatable package along with cubits without overriding equality?
Why didn't you use equatable instead of == and hashcode overrides?
how would you put data in the InitialState for the cubits?...like if I want data loaded at the beginning.
great work ,pls how to rebuild a widget as a response emitted by 2 different blocs ( i used BLoC 6.1.0 and context.watch() )
Hi @reso coder
I have question about GetX, I am not sure what do you think about that library.
thanks for sharing your knowledge and opinion.
well explained
Thank you so much, you are the best.
Hey Thanks for this brightening tutorial, i am trying to pass an index of files in a directory to a listview, could you help me with that ??
Thank you for this amazing tutorial. It explains really well the topic!
Just one question: for every Cubit/Bloc in a project the states are usually Empty, Loading, Loaded & Error or there are other cases?
Good job!
How do you override equality using freezed? I have read the written tutorial but didnt find much help about this part
can the equatable package not be used with cubits rather than something like freezed?
Muchas gracias hermano!!
I have a question, if I want to save the data that comes from the weather api in a database (sqflite), at what moment of the emit should I call that method to save and how would it be?
Hi, please could You Make a login example using cubit, I don't know how to validate the form.
Thanks in advance
Hey, man! How are you?
First of all, congratulations for this tutorial! It helped me a lot with BLoC understanding!
Dude, what is the best way to fix the warning "Close instances of `dart.core.Sink`."? I understand this warning helps to avoid memory leak due to opened streams left behind. I noticed that in Bloc code there's a close method. In this case, how do we handle it? Do we need to close the stream manually? Or it will be executed automatically?
What is the difference between BLOC builder and BlocConsumer?
request how is bloc implemented in multi dropdownbutton
overriding equality can have been avoided using equatable, isn't cubit boilerplate comes with equatabel in it? by the way great tutorial as always...
Great content as always, in your opinion it makes sense to mix cubit and bloc in your app? What a bloc can do that a cubit can't?
Thanks, Stefano! Bloc can, for example, transform its incoming events with debounceTime from RxDart. This is useful for auto-search where you don't want to necessarily trigger an API call for every inputted character.