Bloc Library: Basics & Beyond - Felix Angelov | Flutter Europe
Vložit
- čas přidán 27. 07. 2024
- Flutter is capable to run on multiple form factors and operating systems. Although desktop support is still in the experimental phase, there are some use cases where Flutter for desktop may be a viable option for greenfield projects.
In this talk, you'll learn what is the current state of the Flutter desktop embedding project, how to configure a simple cross-platform desktop app and create your own plugin. Dominik will show what are the most serious limitations and what to expect in the upcoming months.
Speaker: Felix Angelov ( / felangelov )
****************************************************
Flutter Europe → fluttereurope.dev
Follow us on Twitter → / fluttereurope
Follow us on Facebook → / fluttereurope
All talks → • Flutter Europe talks
****************************************************
Learn Flutter → flutter.dev
For those who learning Bloc this is the only video you need !!!
Thank you (all) so much for an amazing library and a matching talk! It is both a good overview and a good learning material!
Here are the timestamps:
00:00 - Intro & About
01:34 - Goals for the library
02:41 - BLoC overview
03:20 - Counter Application example
04:00 - Coding (starting from dependencies)
06:22 - Bloc in Action
07:50 - Async
10:40 - Testing
12:47 - Testing (One more time)
13:35 - Async Tests
15:40 - flutter_bloc package
16:10 - coding
16:55 - Bloc Provider
18:20 - dispose()
19:15 - Multiple Blocs
20:05 - Bloc Builder
21:57 - Async Bloc Builder
23:42 - Overview (diagram)
24:25 - Side effects (SnackBars)
26:10 - BlocConsumer (listener and builder)
27:05 - predictability (bloc: onEvent)
28:45 - bloc: onTransition (old state, event, new state)
29:25 - bloc: onError
30:52 - BlocDelegate
32:40 - maintainability (VS Code & IntelliJ plugins for easier code generating)
33:30 - documentation @ bloclibrary.dev
35:10 - hydrated bloc (caches state after app is killed)
35:37 - dependencies and coding
39:20 - a nice guy saying a big thanks (i'm sure he's speaking for all of us)
....:.... - questions
I love the people who make timestamps like these. Thanks!
Thanks man! I'm happy to help :)
There should be a special place in heaven for commenters who breakdown videos into timestamps like this.
Hahaha :D
Thank you! I hope someone up there loves timestamp comments too :D
@@filipsavic2165 We love timestamp comments ......
Felix Angelov's Bloc Library + Marcin Szałek 's Complex UI = Magic
In just 7.5 minutes this video manages to explain a complex concept like bloc!
oh snap, Felix Angelov?? Reso Coder is going to be so happy!
I was at the conference lol 😂
@@ResoCoder Really?
@@santoshtemp5834 Marcin was a speaker: czcams.com/video/FCyoHclCqc8/video.html
@@ResoCoder you need to be a speaker on the next one ahha
Really great talk! First time I don't have to watch a video with 1.5 or 2.0 times increased speed =D! Thanks for sharing
because he is already speaking too fast?
@@hydernotes speaking speed is perfect 👌
True
First time I've had to slow it down 😅
@@hydernotes perfect speed =D
Not all heroes wear capes, thanks for making this library :)
Yesterday i expend like 6 hours trying tu understand Bloc library, it would been easier if i saw this video before. Great explanation and great set of libraries! :D
Yes, me too. Because he is the creator of bloc.
Now I understand how the BLOC works, thanks .
Wow, really good talk. Understood exactly what was happening and applicable way in which the package could be used!
Great presentation, straight to the point. Thanks Felix!
this package is amazing, if you are not using it I highly recommend it
It's crazy. I just asked for this video in another talk 10 mins ago:) Thanks Flutter Europe and Felix
Thanks Felix Bro, I like your Bloc Package. This is the first time i'm watching long video in CZcams. Now i understand Bloc concepts. Thanks for the Great Talk and Great Package.💙
he said all that in one breath
Tum yahan bhi ho , shi hai
Amazing library! I am going to start using bloc_test now. Hats off Felix!
This guy ! a genius. thanks to you and the team behind the library
Great presentation! I just fell in love with bloc and flutter_bloc!
Great libraries, thanks Felix!
thank you so much for making bloc easy to work for us
Besides the talk about advanced UI/UX in flutter this is the second best so far
One of the best talk 👏
amazing presentation, liked it
great video , great explanation , great presenter
A gem 💎
very great content, an amazing package
Great explanation, was skeptical with using bloc due to the complexity when I first learning it, and stuck with provider all this while, now I'm sold with bloc. Thanks!
same here, are you going to switch tho? I'm 50% into my project, and I'm like...man, bloc isn't really as bad as I thought.
@@thomasmabika7291 I'd definitely bring it into my projects whenever I need it
Update: I’m on bloc! And cubit too! This is exciting
This package is amazing !
that baby Yoda blink :) , great presentation.
Amazing!!
great job
Thanks Felix
Thanks, enjoyed it,
Super talk 😃😃
This man amazing
Wow nice presentation straight to the point. Now if we can have live sessions or maybe a channel that could show how you build complex apps with multiple pages.
I will be happy to check other peoples channel too if you have any.
best talk ever
really helpful....
Bloc ❤️
He is already in 1.5x speed mode
felix,
i love u
Missed opportunity to call TheChild as ChildThe.
Knowledgable
Please explain my practical on the favorite button. Thank you for your great efforts
woah I just created a bloc pattern for myself and never noticed that this library had is doing almost everything exactly the same
Purple Candy Same we’ve created our own BLoC pattern and I think it’s pretty great but this package could be a lot more useful
When to use Equatable with Bloc? I see a lot of people using Equatable with Bloc and I am not sure what it does actually
Equatable is basically a poor man data class. It override Type's equality operation so that instead of comparing the instance reference, it compares the content instead. So two separate instance of the same Type is equal if both have the same content/data.
It's okay-ish, and it works, and less hassle to setup. But personally, coming from Kotlin, I'd rather use something like built_value or freezed.
Amazing content! I am a bigger fan of bloc and Flutter in general after this xD
PS- Am I the only one to notice that hydrated_bloc example started incrementing with 0 ( 37:55 ) and not with the state it maintained ( 3 in this example) ?
Aayush Malhotra that’s just because the gif is playing on a loop haha. You’ll notice it starts back up at 3 and then goes to 0.
@@Felangelov ohhh ok. Haha it almost got me. Really excited to see what's next from you guys.
Hey @Felix, How can i create my own generator, as you implemented an extention for bloc to get boilerplate code with dart files even, state and bloc.dart files. I am very helpful on the solution which you guys provided. Thanks
Bloc isn't that hard nor is it verbose for a large app...
If you've learned Provider, you're comfortable using Bloc by Felix for larger applications.
Having a counter app tutorial doesn't leverage the full features of Bloc itself. Having too complex tutorial like Todos fits for the job, but beginners will have a hard time following it due to huge chunks of code to be followed.
Just to take note. State Management solves particular usecase. Bloc + Provider + Abstraction for me is the best combination.
39:30 simple voice 😁
can anyone tell me about where i can found some useful resources of rxdart with flutter_bloc ??
The author of bloc, flutter_bloc
Provider works well
Great talk :) One question comes to my mind: isn't using BlocListener kind of breaking the rule of decoupling the UI from business logic? If we want to do some side action in response to state change, doing so in a UI code (such as the BlocListener widget used in the build method of some StatelessWidgget) is meh.
Wouldn't doing those kind of actions fit better inside the bloc itself so that we can test that easly and truly separate UI from business logic? (such as showing a snackbar and what not, that is business logic imo)
22:05 first code line - replace int with CounterState ?
Tomas August yup good catch!
Hi can you please share GitHub link for this ?
hi, can any one provide the source code of these examples he talked about?
The slides and source code can be found at github.com/felangel/bloc_library_basics_and_beyond 👍
"very very good ventures"?
doesnt it voilate closed and open principle?
@Flutter Europe Hello, Bloc is cool but GetX is more efficent in my oppinion. GetX has State simple/reactive management(without codegen), route Management and Dependencies management 3-IN-1. This is a hidden and powerfull tool that nobody talks about. Some conten about would be great.
Wow nice presentation straight to the point. Now if we can have live sessions or maybe a channel that could show how you build complex apps with multiple pages.
I will be happy to check other peoples channel too if you have any.
Wow nice presentation straight to the point. Now if we can have live sessions or maybe a channel that could show how you build complex apps with multiple pages.
I will be happy to check other peoples channel too if you have any.