Flutter Bloc & Cubit Tutorial
Вставка
- Опубліковано 14 жов 2024
- 📗 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.
I love the simplicity of cubit.
Thanks for sharing this and compare the differences
You are awesome
This channel is best flutter channel ever. Watched a lot of bloc tutorials but non was helpful like this.
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.
This is the best explanation of the Bloc I've seen
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
best ever tutorial for beginners...SUBSCRIBED
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!
Man. You got a new subscriber!!!!!!!!!
This was so good. It cleared every question i had
Thanks!!!!!
@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
I like your coding practices like organising files and stuffs
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.
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!
Wow! This is a great course on Bloc library.
Combined Cubit with Freezed.. and OMG what a result!
Nice tutorial, i'm finally understanding cubit and bloc, thanks dude. By the way what theme did you use in VsCode for the tutorial?
I guess now i can move forward to making a complete app. Thanks man!
Thank you so much for explaining this. I was looking for this for a while!
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!
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
always thanks for you quality tutorials. what's real difference between Bloc and Cubit? when should we use Cubit?
Dude, thank you for this "eureka moment" that I just had!
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
amazing tutorial! by the way what's the font you are using?
*After v6.1.0, both context.bloc and context.repository are deprecated in favor of **context.read** and **context.watch*
Wow, great timing! Yesterday I was reading the documentation. Thanks!
Thank you so much ! It helped me a lot
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 😀
bravo! excellent totorial!
Awesome tutorial, thats what i was looking for
great work, thanks alot for your vids, you just saved my days.
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 .
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?
Thanks a lot for this tutorial you realy saved my day im already your subscriber
Thank you for this video. Very helpful!
Hey ResoCoder ;) Working on our app and needed to update Bloc. Thanks for this amazing video once again
Everything is beautiful 😊😊
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 ^_^
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?
Nice tutorial! I would like to ask you guys why was it not necessary to dispose the bloc in this case? thanks!
Sir please make a video of using bloc pattern along with json API
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?
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
Awesome tutorial. Please can you send the plugins you use for flutter development with vs code
Great Video i was waiting for this, GREAT GREAT JOB THANK YOU!!!!
For first time using Bloc is hard
And now in this video i know how is Bloc is worked
Clear explanantions..thank you so much..
great explanations
What an amazing tutorial. Easily the best👌👍
Thank you for the tutorial. Can you show me the code using the "freezed" package?
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.
Muchas gracias hermano!!
Awesome! Thanks!
Can you explain how toi use freezed with State classes?
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.
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.
you are my hero man.
Awesome man, thanks a lot
Right now I'm replacing blocs with cubits in a project, I think cubit is easier and less boilerplate than bloc.
Edith: What font do you use? Looks great.
It's JetBrains Mono
Great video, thank you
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
what is the differences between cubit and bloc? why we use cubit if we deleted or switched them ?
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
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
Why didn't you use equatable instead of == and hashcode overrides?
Just what I was looking for!!!
Another great video!
thank you for this my code just became so smaller using functions instead of events
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.
Hey Matt, great explanation. Could you please help me out on how to generate boilerplate code like bloc extension.
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.
Thanks for the tutorial. I'm curious as to how the '^' works in the hashCode override for the Weather class? 'cityName.hashCode ^ temperatureCelsius.hashCode'
Great tutorials! Thanks
Hi , please could you make an example of using firebase with cubit, please!
Which vs code theme is thhis. Looks sooooo good.
Amazing thanks 😊
What is the difference between BLOC builder and BlocConsumer?
Minor curiosity: "parenthesis" (singular), "parentheses" (plural). "Basis" (singular), "Bases"* (plural). They all come from Latin.
* "Bases" can be the plural of either "base" or "basis".
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?
is this for beginners also?
can the equatable package not be used with cubits rather than something like freezed?
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 ??
how would you put data in the InitialState for the cubits?...like if I want data loaded at the beginning.
very good i like your videos and i'm bloc fan like you thanks
please teach TDD with cubit
overriding equality can have been avoided using equatable, isn't cubit boilerplate comes with equatabel in it? by the way great tutorial as always...
well explained
Great job, thank you.
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() )
thanks for the tutorial
Thanks Matej ! Is there a benefit of using xxxBuilder() widgets (such as BlocBuilder()) in a stateful widget? I think they are Stateful within themselves already, so what's the reason to wrap them in a stateful widget, too?
Hello!, Can you return a BlocBuilder inside another BlocBuilder?
Something like this:
body: BlocBuilder(builder: (context, state) {
-> if (state is ...) { return Text('Value'); }
-> else {
-> return BlocBuilder(builder: (context, state) { return .... }
-> }
})
Can you upload a new Updated Video on bloc?
This is what we are waiting for!
CyberWidget😉
@Hashem Aboonajmi 😉
Hi, please could You Make a login example using cubit, I don't know how to validate the form.
Thanks in advance
thanks for the tutorial!
Finally a new bloc tutorial