Performance best practices for Jetpack Compose
Вставка
- Опубліковано 22 лип 2024
- Jetpack Compose can feel like magic, but what do you do when the magic isn't as performant as you want? Discover best practices in Jetpack Compose with regards to performance, common mistakes, and how to avoid them.
Resources:
JetPack Compose Performance → goo.gle/3r4gGtJ
Baseline Profiles → goo.gle/3r5aqC1
Jetpack Compose Phases → goo.gle/3uQfA5C
Speakers: Chuck Jazdzewski, Ben Trengrove
Watch more:
All Google I/O 2022 Sessions → goo.gle/IO22_AllSessions
Android and Play at Google I/O 2022 playlist → goo.gle/IO22_AndroidDevs
All Google I/O 2022 technical sessions → goo.gle/IO22_Sessions
Subscribe to Android Developers → goo.gle/AndroidDevs
#GoogleIO #Featured #JetpackCompose - Наука та технологія
Legends say that even to this day, Chuck is still waving to you.
On a more serious note, great content, it was very helpful!
We're delighted that the tutorial was helpful to you, Ken! You can check out the Android Basics with Compose course here for even more Jetpack Compose fun: goo.gle/3V7Vlgg
Very usefull video. Coming back here to watch some tricks again and again, so I decided to write some timecodes to help myself and maybe some of you too:
1:00 - Configuration
1:55 - Something to remember
3:57 - LazyList Key
5:47 - derivedStateOf
8:10 - Compose primary phases
9:57 - defer reading state
11:36 - Running backwards (Backwards write)
15:26 - Covering your bases (Baseline profiles)
Thank you for this video and to the dev team, keep going, you are on the good way !
This is a very helpful video for compose optimizations, appreciate it.
More of this, please. Something I have learned is one learns quite a lot about a new language/platform when one programs for performance.
This is really useful. Thanks!
Amazing, short and on the point, keep up the good work
More of this! This is extremely helpful. Personally I'd like more tips on to spot and avoid unnecessary recompositions.
I recommend looking at "composable metrics". Chris Banes has a blog post on it. It will generate a report on all your composable functions. Composable metrics tells you if a composable function is restartable and skippable. And if Compose can infer if an object is stable or immutable.
@@robchr Cheers for that pointer, this looks very interesting indeed.
🎊🎊🎊😣😣😣🎊🎊😣🎊😣😣🎊😣😣😣😣😣😣😣😣😣😣😣🎊🎊😣🎊😣🎊🎊🎊😣🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊😢😢🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊🎊😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢
@@robchr ⁹
@@robchr🐶🐶🐩🐩😃😃😃;-):-C-);-) bjjjjjcvbbvvvnjo🐶🐶🐶🐶🐶🐶🐶🐶🐶🐶
Very useful information!🙏🙏
Thank you so much for this video! Enjoyed to the max
We're delighted to hear that you've enjoyed the tutorial. If you'd like to learn more about Jetpack Compose, please check out this resource: goo.gle/compose-pathway 🤩
The most completely class about compose tricks... thank you so much :)
Great content! While watching this I was litterally dealing with startup jank, that is probably now just the JIT.
We're happy to hear this video helped! 😄
Thank you for the Summary at the end.
Glad it was helpful! 😁
So the macrobenchmark library let's us see what the improvements might be for the user in the release build but does not guarantee it? And also we do not need to do anything to ensure baseline profiles are added to the app, it's added by default. Is that right?
This is very useful. Thanks!
Appreciate the feedback, Abbasali! Don't forget to subscribe for more 😎👍
4:14 if item 5 and 4 are swapped, then only they should be recomposed, right? Items 1, 2,3, 6, 7 and subsequent items will keep their indexes which are used as keys. Do we need a LazyList Key in this case?
This helps a lot!
Happy to hear the tutorial was helpful, Stefan! If you’re interested in additional resources, check out the Jetpack Compose walkthrough here: goo.gle/3p7WO7l
Great Presentation !!
We really appreciate your support! Thanks for watching 🙂
This was a really information dense video! But very well presented nonetheless
If I use Canvas(modifier = ..) in Compose and pass value which frequently changes, should I use drawBehind method? And how? Put Canvas in this method?
Depends on what you want it to change. If you are adding or removing sub-composables, or changing the size or layout then recomposition or layout will be triggered. In the case of the example only the color changed, everything else remained the same, so it only affected how the background was drawn (the function of drawBehind).
Other functions, e.g. drawWithCache or drawWithContent, may be better suited to what you need.
A good question to ask may be why the value frequently changes. E.g. a clock implementation may only need to redraw some aspects (text/hands) and the rest (ticks/frame/etc.) may be subject to caching.
Simply awesome
Right back at you.✨
Great
Thanks so much, Mohammad! Since you liked this video, come check out our Jetpack Compose playlist for more on this topic 😊
We want more of this from Engineers from inside.
Is this information available in a blog post or in the compose documentation?
Indeed it is! You can find the additional resources for this lesson here:
JetPack Compose Performance → bit.ly/3xNSSwI
Baseline Profiles → bit.ly/3tUmF5G
Jetpack Compose Phases → bit.ly/39HNK5k
Good moreng
The uggliest thing about Compose and which applies to each new stuff is when it allows you to do something which is not recommended to do.
Do you really need R8 enabled? Will Compose be slower without it than the xml view system?
Yes but you wouldn't ship your app without R8 in any case. For local development it's not such a huge deal
This is good stuff. I owe you guys some ☕
Thanks for the coffee, Jerry! Have you checked out our Jetpack Compose walkthrough? You can learn more here: goo.gle/3MK5Xhy ☕
hi Ben and Chuck!
Wow
Nice❤ 0:53
Why was this not highlighted in first place
How can i to hide a top bar(scaffold)? in specific screens
it destroyed my brain !
PLZ show a beautiful solution!
Hello Dimid, please check here for more information regarding Material Components and layouts in Jetpack Compose: goo.gle/3IEPp8K
🙌🏻🇨🇴🧔🏻👍🏼🤝🏼 Saludos desde Colombia.
0:48
poor Chuck
Please don't make presentation code dark them and other stuff light theme