Cubit State management - Light Weight combination of BloC and Provider

[@ookamiueru]

Thank you for this excellent tutorial. How it should be done. It seems the world of flutter and in particular flutter_bloc changes a bit rapidly. I just went through the video, and it looks like with Cubit now merging into the Bloc library, there are some renames here and there. In particular, imports for flutter_bloc cover cubit as well. onTransition are now onChange. CubitObserver is BlocObserver, CubitBuilder is BlocBuilder, CubitListener is BlocListener. In the pubspec, you only need flutter_bloc: ^6.0.1

[@FlutterExplained]

Thank you I will take an eye on it :)

[@ookamiueru]

@@FlutterExplained i might be a bit confused myself. It looks like cubit is now part of bloc, and flutter_bloc integrates with both cubit and bloc. Either can be used interchangeably, so your tutorial will work with the renames I mentioned. One could also use Bloc instead, but that adds a layer of events that need to be mapped to states. A little bit more heavy handed, but could solve particular use cases. The recommendation according to docs is to, if unsure, start out with Cubits, and convert them on a need basis to Blocs. It's such a great work to have these somewhat overlapping solutions to be consolidated into one coherent solution. Absolutely great stuff

[@FlutterExplained]

@@ookamiueru You are right, the problem was that this video was released exactly one week before the merge into BloC has been announced, so I had not the time yet to update the tutorial. But I will as soon as I find the opportunity. Sorry for the inconvenience and thanks for your fantastic explanation of what to do, I will pin your comment so that everyone who joins that video can see your solution.

[@ookamiueru]

@@FlutterExplained it was of no inconvenience. I had some familiarity with the concept, so the mapping to the changes was fairly straight forward. I'm just happy you made the tutorial, as even with the changes, I still find it to be a great explanation for how it works. It's just a few renames :-)

[@FlutterExplained]

@@ookamiueru Amazing :) I am super happy that it helped you.

[@josegeorges5914]

I love felix and love this! He's been my pilar on flutter dev and can't thank him enough for such a smooth path onto Flutter!

[@ezzypoo7909]

Apart from the great tutorial, it’s also fantastic to see this guy get better at speaking while being recorded. Based off the accent it sounds like English is his second language and in his first videos it definitely shows, but now in more recent videos you can barely tell. Always nice to see people improving in areas besides coding!

[@FlutterExplained]

I don't even know what to say, thank you so much! That was one of the biggest compliments that you could give me :). I believe to write a script beforehand helps to improve the language, and I hope I can transfer that to my live streams as well :)

[@vireshpeshen5738]

Just when i was finding a cubit tutorial , i found yours

[@AbhideepChakravarty]

Felt like looking into a solution without knowing the problem well. Somehow I could not learn watching it once. Only thing I felt, there are things to be learnt.

[@FlutterExplained]

Sorry to hear that, I will see if I can improve it whenever I do my Bloc Video. Thank you very much for your feedback!

[@danilakalish1091]

You can use the todo tree extension to better control the todo in visual code

[@huycao8521]

Thank you sir for a very clear tutorial !

[@FlutterExplained]

You are welcome!

[@xcodesnippets863]

Great Tutorial man. Subbed. Regarding viewing the Todos, you can use the Todo Tree extension for VS code to view them without having to search it.

[@FlutterExplained]

Fantastic I will have a look! Thanks for sharing.

[@xcodesnippets863]

Glad I could be of help. Also, looking forward to your video on Riverpod, if you ever decide to make one that is.

[@pol12ris]

Nice one... btw that was quick... Cubit just got released and we have a video also. cool.

[@theredcap_yt]

You can use TODO Tree Extension in VS Code

[@KawsarAhmed-qq4sj]

Thanks for excellent tutorial. you guys done wonderful job. your accent and explanation is good and understandable. can you please make another video or update this video with latest flutter_bloc.

[@FlutterExplained]

Thank you it is great to hear that you enjoyed it :).

[@himanshumistry3336]

CubitProvider is BlocProvider(need to import package), MainCubitOberver is MainObserver

[@FlutterExplained]

There have been a great update on the repository in our state tutorial from David it should now follow the correct use cases :)

[@LeagueRandomPlayer]

Great video dude!

[@fredericklane745]

For those of us new to Cubit, maybe at the beginning of the video, show how it actually functions on the app and maybe present a graphical of how it works in the back-end?

[@marctan7001]

thanks for this! what do you prefer in flutter? redux or cubit?

[@jrheisler]

Interesting, a nice Cubit video, thanks, and on the same day a Riverpod video from someone else. Will there ever be only one?

[@FlutterExplained]

Most likely not :) there are a lot of people doing great stuff.

[@petroniobonavides3530]

@Flutter Explained Hello, Dont you know GetX? State simple/reactive management(without codegen), route Management and Dependencies management 3-IN-1. This is a hidden and powerful tool that nobody talks about. Could please do some content. This package is gonna surprise you, definitely... Thx a lot

[@FlutterExplained]

Thanks for pointing that out, we will absolutely take a look into it, and it is already in our Pipeline.

[@FlutterExplained]

I had a conversation with Felix, and he found some additions. I mutated the state which you should not to, check out the Repository I added the hotfix and improved the solutions with this. You can find the addition in the link below: github.com/md-weber/state_tutorials/pull/2

[@MohammedJavad]

Everyone please be aware that flutter_cubit is discontinued and its been merged with flutter_bloc

[@MrVipulLal]

Very good video

[@FlutterExplained]

Thanks mate :)

[@tessertaha]

Great video!

[@HimanshuYT]

Awesome! ❤️

[@adbysantos6603]

Good video!

Cubit is very good :D

[@yooscripts5947]

nice tutorial but i could not find flutter_cubit on pub.dev i think they merge it into flutter_bloc so i used it but CubitObserver does not exit on

[@FlutterExplained]

That could be I think with the merge into BloC it works now with the Bloc Observer: Bloc.observer = MyBlocObserver(); pub.dev/packages/bloc#overview

[@programan6391]

NIce tutorial. So, cubit can replace bloc? It's much more clean.

[@FlutterExplained]

Well, it will not replace it, but it gives you an alternative if you do not want to have the huge boilerplate with Events. It is useful if you want to work with a lightweight solution. But keep in mind there will be additional changes because it is currently in version 0.1 and Felix is working actively on it. Therefore it could lead to breaking changes in the future.

[@gokulakrishnan1977]

what is the font or extension you using ( I like this => )

[@FlutterExplained]

That is Fira Code Medium with Font Ligratures. I created a video how to add that in your IDE. twitter.com/flutter_exp/status/1252857128131256321?s=19

[@elmeroranchero]

will that rebuild the whole thing if a new drink is added?

[@FlutterExplained]

Good question, I would have to check that once more it has been a while :)

[@elmeroranchero]

@@FlutterExplained I would appreciate a deep look at this kind of problem in a future video. :)

[@soheibbettahar1996]

The flutter_cubit packages is marked discontinued ::

[@FlutterExplained]

That is correct you can find it in the Bloc package now it has been merged in the other comments you can find how to change it to the correct package :)

[@nepalcodetv6298]

flutter with rest api which state management should i use? like realestate app

[@FlutterExplained]

Any, if you are beginner I would recommend try it to solve with StatefulWidgets and if it is not enough anymore try to improve with a more advanced solution like Provider, BloC or MobX.

[@dudubaiao]

I think you should have used immutability all the way down. Having only the list immutable is not enough if you mutate the drink object directly.

[@FlutterExplained]

That is correct, I think I added somewhere a comment or changed it already in the GitHub repository. Maybe I will update this video at some time :)

[@elmeroranchero]

What does "...state" do in the children section of the Column?

[@FlutterExplained]

Hi Daniel, (...) is a so called spread operator, and it flattens a list into its single elements. Feel free to have a look here: dart.dev/guides/language/language-tour#spread-operator

[@elmeroranchero]

@@FlutterExplained yeah I understand the spread operator but why do we need it there, can´t we just pass state as it is?

[@FlutterExplained]

Unfortunately no, because the state is from type List of drinks but we use the map on the state and return for each drink a widget that can be spread into the list of the Column.

[@elmeroranchero]

@@FlutterExplained but can't it be state.map etc ? Maybe I'm missing something very obvious

[@amarpreetsingh857]

If aap restart data lost in cubit?

[@FlutterExplained]

Yes Cubit is just a state management tool, not a Database. For that you will use something like Hive or SharedPreferences or a real Database like Firebase or a Server with Postgre.

[@killDJuice]

download TODO tree in VS code