Flutter Europe: Optimizing your Flutter App

Flutter is fast by default, but that doesn't mean you as a developer are off the hook. In this Flutter Europe talk, Filip walks the audience through an app with many performance issues, and tries to address all of them.
The app source → goo.gle/2QWBvVM
More on Flutter performance → goo.gle/33Y04aj
Learn everything about Flutter at → flutter.dev
Subscribe! → goo.gle/FlutterYT

[@ResoCoder]

You may not know it yet but 2:20 is what you came here for.

[@rebarius]

that's a conspiracy theory 😜

[@arifikhsanudin9724]

I'm waiting for your ddd course

[@DominikRoszkowski]

I really enjoyed this overview of all the great tools available for us right now

[@antobine]

Amazing talk! Very interesting points, hope to see more on this topic

[@serdarcoskun8367]

I really enjoyed the video, quite informative. looking forward for new presentations. 👍

[@shashikantdurge]

Nice & Important topic. Looking forward to such advanced important topics ahead.

[@user-vr9qb5rj4j]

Thank you Filip and Flutter team!

[@rebarius]

I like Filip's shirt with the bicycle 👌🏼

[@tienduy1296]

thank you!!! The presentation was great >3

[@digiunlimited3000]

Good talk as always Filip

[@captainbear3110]

Listview scrolling is still laggy for dynamic height items especially in Android. It is affecting the performance

[@thisispax]

I would like that 8hr+ workshop please. Even if broken up in separate sessions. 🙇🏻‍♀️

[@aal9664]

How does web scrapping work when using the flutter? Using if course the backend what is the best and easiest method in bring that in use?

[@deepaklohmod396]

Like you said that if we use stateless widget then all the child of it are considered as a single widget is rendered so is it same for a statefull widget also?

[@lyricsmint567]

Flutter needs a beginner series. So newbies can learn from officials.

[@TheVikke2]

There is such a thing called "the boring show"

[@sivasankarant9195]

Definitely 👍

[@mshahzaib1629]

You may learn it by Max on Udemy

[@ScotCinamon]

ua-cam.com/video/x0uinJvhNxI/v-deo.html

[@jan3477]

@@vasylmayovets8778 I can highly recommend that !

[@victormanuelfrancodev]

great talk!,was very interesting

[@JoonBeh]

When is the web app going to be released officially? I've been waiting over 1 year.

[@DexterTalha]

Awesome... Thank you

[@littlebearandchicken2077]

Thanks, Ninja.

[@YaoBinThen]

Was thinking why everything looks so smooth, then I realized I'm on 2x playback 😂

[@EdmoreGonese]

Oh makes sense 😆 Like I was missing all the jank

[@ricard458]

Great tips!

[@andrearsenault7284]

At 21:25, why is it a performance improvement to break _buildLineWidget() out into a new StatelessWidget? Isn’t Padding (the parent of all 8 children) already a StatelessWidget? Why does wrapping Padding in a custom Widget reduce the number of widgets built?

[@EagleZH23]

I was thinking the same thing

[@HoaHoang-qj1vl]

I think if we break it into another widget instead of writing method inside old widget. Flutter can reuse the new widget because when Flutter checks it has a same runtime type. Please correct me if I am wrong, it's my guess :D

[@sadhlife]

@@HoaHoang-qj1vl nah that's not the reason

[@sadhlife]

the reason is that usually an entire widget gets painted together. that's what the build method is for.
if you have your own method that creates the widgets flutter can never know what it is building, and hence cannot apply any internal optimisations. it is therefore preferred to use stateless widgets instead of methods that return a widget

[@OliverRhyme]

I think because it can reuse the same widget, because has basically no change in attributes or structure, so no need to recreate the render element for each rebuild

[@benn5451]

Great video

[@Gentleman217]

what is the tool filip is using to share phone screen?

[@RiceCooker-hp5px]

w8, is this a reupload?

[@mohamad.elbohsaly]

Should I run profiling on old and new phones? Or not necessarily

[@Tomokeneable]

22:00 do I understand correctly then that using statelessWidget instead of method increases performance? So far, I tried to use methods wherever possible and tried to keep one stanelessWidget per page/view. Is this a bad practice?

[@michasengotta2295]

I was also wondering what he meant, because I don't think it makes any difference where the child widgets are built.

[@YouWatchGames]

@@michasengotta2295It makes a different because flutter cant reuse those widget if they come from a method

[@mohamad.elbohsaly]

But I wish someone can help in analyzing the graph (jank), so that I can mitigate the sluggishness.

[@user-zb6tu3bh8j]

Very gooddddd

[@wearecode9199]

Hello, i am currently learning flutter , but i always come across things that i never knew i mean, there s always something else, and i am wondering where you guys learn all this ? University , bought courses, just documentation ? any advice how to gain this knowledge gradually and without anxiety ?

[@wearecode9199]

@@filiphracek4240 i do agree with that, but still there is not the feel of "gradual" progression, like legos , i guess its just me :(

[@wearecode9199]

@@filiphracek4240 wait are you the actual Filip? thats a huge honor if yes

[@sadhlife]

@@wearecode9199 he is

[@sadhlife]

@@wearecode9199 I'll suggest you try out video courses like Angela yu or udemy if you feel the documentation is too hard

[@wearecode9199]

@@sadhlife Been there done those - i am better know - thanks man

[@furkansarihan]

9:25 😄

[@daraxdray]

Thank you - This is a lot to bag

[@ouya6967]

22:00 StatelessWidget is fater than function?

[@kazukihiromoshito2935]

widgets use keys to cache whatever's not changing so it won't practically rebuild everything, but in the case of function-made widgets, everything is rebuilt

[@OliverRhyme]

@@kazukihiromoshito2935 it does not use the keys, but rather the element and thus the render object. But determining if the widget needs another element or can just reuse the same element depends on the runtime type (and keys if present)

[@utkarshyadav6119]

When the sloth rotates I was like OK
Its slow
But when it fades away even slower that was the point I was like dammm.....

[@jeieljunio2034]

👏👏👏👏

[@Artem-bx1is]

Best

[@MohamedSlama]

I wish if he didn't stop talking, Awesome

[@ColdStoneBoy]

👍

[@xRapidNet]

Amazons Talk!

[@tofiqsamali6846]

Flutter is Amazing but Filip is more

[@toufiqulislam8575]

please show any object detection app with Tensorflow with Image annotation, model preparation, and model training.

[@DavinderSingh3]

That's a whole project in itself

[@salaheddine6556]

Hope u add Arabic Caption soon