Flutter Bloc & Cubit Tutorial
Vložit
- čas přidán 3. 08. 2020
- 📗 Written tutorial & starter project 👇👇
resocoder.com/flutter-bloc-cubit
📧 Get Flutter news 📰 and resources:
👉 flutter.education
👨💻 Do you write good code? Find out now!
resocoder.com/good-code-quiz
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.
You are the best source for bloc development! And always up to date!
Wow, great timing! Yesterday I was reading the documentation. Thanks!
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
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.
Dude, thank you for this "eureka moment" that I just had!
Thank you so much for explaining this. I was looking for this for a while!
This is the best explanation of the Bloc I've seen
Thanks since from Brazil, man! Keep going the good job!
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!
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 a lot for this video! An in depth video/tutorial series about connecting a Flask/Django backend with a Flutter app would be amazing
Man. You got a new subscriber!!!!!!!!!
This was so good. It cleared every question i had
Thanks!!!!!
Great Video i was waiting for this, GREAT GREAT JOB THANK YOU!!!!
Finally a new bloc tutorial
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
Awesome tutorial, thats what i was looking for
Wow! This is a great course on Bloc library.
What an amazing tutorial. Easily the best👌👍
Just what I was looking for!!!
Combined Cubit with Freezed.. and OMG what a result!
best ever tutorial for beginners...SUBSCRIBED
I guess now i can move forward to making a complete app. Thanks man!
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
Thank you so much ! It helped me a lot
Great job, thank you.
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!
Great video, thank you
thanks for the tutorial!
Another great video!
Awesome man, thanks a lot
Great tutorials! Thanks
you are my hero man.
great work, thanks alot for your vids, you just saved my days.
I like your coding practices like organising files and stuffs
bravo! excellent totorial!
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 ^_^
Thank you so much, you are the best.
Thanks a lot for this tutorial you realy saved my day im already your subscriber
Muchas gracias hermano!!
great explanations
Amazing thanks 😊
Good job!
thanks for the tutorial
Clear explanantions..thank you so much..
Everything is beautiful 😊😊
Thanks Guy!!!
Nice tutorial, i'm finally understanding cubit and bloc, thanks dude. By the way what theme did you use in VsCode for the tutorial?
This is what we are waiting for!
CyberWidget😉
@Hashem Aboonajmi 😉
very good i like your videos and i'm bloc fan like you 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
well explained
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
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 my code just became so smaller using functions instead of events
Cool !
Sir please make a video of using bloc pattern along with json API
finally 🙌
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?
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.
amazing tutorial! by the way what's the font you are using?
please teach TDD with cubit
always thanks for you quality tutorials. what's real difference between Bloc and Cubit? when should we use Cubit?
Hey Matt, great explanation. Could you please help me out on how to generate boilerplate code like bloc extension.
Woah. Can't believe this is on flutter dev LinkedIn page too, lol
Awesome! Thanks!
Can you explain how toi use freezed with State classes?
*After v6.1.0, both context.bloc and context.repository are deprecated in favor of **context.read** and **context.watch*
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?
Awesome tutorial. Please can you send the plugins you use for flutter development with vs code
Thanks for the tutorial. I'm curious as to how the '^' works in the hashCode override for the Weather class? 'cityName.hashCode ^ temperatureCelsius.hashCode'
Which vs code theme is thhis. Looks sooooo good.
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 ??
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.
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?
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?
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?
Wow!!~~~👍👍👍👍👍
How do you override equality using freezed? I have read the written tutorial but didnt find much help about this part
Nice tutorial! I would like to ask you guys why was it not necessary to dispose the bloc in this case? thanks!
Hi Reso
how would you put data in the InitialState for the cubits?...like if I want data loaded at the beginning.
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?
your are the best, please examples googlemaps type uber
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.
Thank you for the tutorial. Can you show me the code using the "freezed" package?
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 😀
what is the differences between cubit and bloc? why we use cubit if we deleted or switched them ?
can the equatable package not be used with cubits rather than something like freezed?
With Cubic, how can I get the current state ? for the pagination purpose
Hi, please could You Make a login example using cubit, I don't know how to validate the form.
Thanks in advance
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
Hi , please could you make an example of using firebase with cubit, please!
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.
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.