Performance Optimization with @Stable and @Immutable in Jetpack Compose

แชร์
ฝัง
  • เผยแพร่เมื่อ 23 ธ.ค. 2024

ความคิดเห็น • 46

  • @nguyenvietquang2065
    @nguyenvietquang2065 ปีที่แล้ว +25

    Some facts i learned about recomposition:
    - var is always considered Unstable. It is the same concept with Phillip's List example.
    - viewModel is always unstable.
    - lambda may be stable or not, based on every "global" object you use inside it, for example using viewModel or var (not mutable state) will cause the function unskipable. For details, lambdas are anonymous classes keeping 1) the lambda content itself and 2) every objects that lambda is using other than parameters itself holds
    P/s: Overusing @Stable and @Immutable will sometimes make funny moments when your UI seems to not update instead log say yes 😂

  • @kinggeorges625
    @kinggeorges625 ปีที่แล้ว +7

    Thanks for the video.
    Can't wait for another full project tutorial

  • @yuuzuX
    @yuuzuX ปีที่แล้ว +5

    Thank you for helping us to boost up our app performance.

  • @NickPerozzi
    @NickPerozzi ปีที่แล้ว +4

    Great video. Honestly seems a bit silly to have to wrap a list with a state class just to mark it as stable. Would be awesome if we can eventually just annotate single params like you did at 6:38. Will probably stick to the ImmutableList approach because of this (provided the list doesn't merge well into an existing state)

  • @unknownBoy85lover
    @unknownBoy85lover ปีที่แล้ว +2

    It's great for me that I started compose thank you sir

  • @shahriarzaman4715
    @shahriarzaman4715 ปีที่แล้ว +4

    Every youtuber: How to make a simple todo list app in jetpack compose
    Philipp: Hey guys! Let's learn some advance topic
    Me: Why philipp is not uploading new video!!

  • @RahulKumar-un6ur
    @RahulKumar-un6ur ปีที่แล้ว +1

    Awesome...Philipp...😎😎

  • @Rafaelrgm
    @Rafaelrgm ปีที่แล้ว +2

    Great Video. I wanna take the chance to ask for a new tutorial of a chat app using ktor and websockets, since the last one was about 2 years ago and is mostly deprecated...
    In my case the initial project couldn't even be built.

    • @brightonshifu
      @brightonshifu 11 หลายเดือนก่อน +1

      This would be awesome.

  • @Nick-v8x
    @Nick-v8x ปีที่แล้ว +1

    Maybe recomposition becomes because your `var selected` is out of Column?

  • @zafar_codes
    @zafar_codes ปีที่แล้ว

    Cool. Also would like to see your video about performance and how to profile app using android studio’s profiler.

  • @ankitverma3932
    @ankitverma3932 ปีที่แล้ว

    Really helpful video. Plz make a video on Defer state reads and state hoisting.

  • @GeorgeC-ur9yw
    @GeorgeC-ur9yw 5 หลายเดือนก่อน

    how do you notify compose compiler that @Stable object has changed? or how do you pass a new instance of @Imutable anotated class?

  • @mortezamgh1347
    @mortezamgh1347 7 หลายเดือนก่อน

    Thanks, that was very helpful

  • @keepgoingman5829
    @keepgoingman5829 11 หลายเดือนก่อน

    How about the code below? Does it can be a problem too?
    @Immutable
    data class User(
    val name: String,
    val age: Int
    ) {
    var address: String = ""
    }
    you can see the 'address' with Var in the body of the data class. Does it could be a bad performance?

  • @solomonenakele7219
    @solomonenakele7219 ปีที่แล้ว

    Please why is Horizontal pager lagging so much, even after optimising recompositions.

  • @venkatesh4307
    @venkatesh4307 ปีที่แล้ว

    Great explanation

  • @nayabsarfraz586
    @nayabsarfraz586 ปีที่แล้ว

    This is so helpful 👏

  • @jasv49
    @jasv49 ปีที่แล้ว

    How does this apply if we use ViewModels for UI state management?

    • @mieszkokozma4239
      @mieszkokozma4239 ปีที่แล้ว +1

      Exactly the same. It's all about the class you use as a state aka model for the functions marked @Composable

  • @owenthompson8397
    @owenthompson8397 10 หลายเดือนก่อน

    If you annotate a class as @Immutable which implies that the data class can never change, but it does and creates a new instance, wouldn't that have an impact on assigning more memory to accommodate the new instance.and also invoke recoposition?

    • @loafic
      @loafic 6 หลายเดือนก่อน

      it's just a shallow copy, reorganizing the external Compose components, and most of the internal components will be skipped

  • @mustafaammar551
    @mustafaammar551 ปีที่แล้ว

    thank you bro

  • @LightDante
    @LightDante หลายเดือนก่อน

    Why var is allowed in an @Immutable object?

    • @PhilippLackner
      @PhilippLackner  หลายเดือนก่อน

      @@LightDante the annotation is just a promise that you fulfill the requirements, but there won't be any checks whether that's the case

  • @517Amit
    @517Amit ปีที่แล้ว

    Don't know why >my layout inspector can't detect any component tree. I tried almost all the solutions from stack and from internet. But seems like on of them works. hedgehog

  • @hoanghai5572
    @hoanghai5572 ปีที่แล้ว

    Seem like you change list to immutableList, if my list is still mutable, there is no way to prevent ContactList re-composed right ?

  • @jimpauloovejera2599
    @jimpauloovejera2599 9 หลายเดือนก่อน

    you marked the class as @Stable but it would have been better if you try to update the state to showcase its stability

  • @jms7634
    @jms7634 11 หลายเดือนก่อน

    My problem with programming is it takes me like a hundred lines of code before i know when to use such annotation or any other concept. Optimization is such a headache but is a very crucial part when coding

  • @redaelmadini
    @redaelmadini ปีที่แล้ว

    Very very good 👍 🎉

  • @dmytroberezhnyi717
    @dmytroberezhnyi717 ปีที่แล้ว

    There is more info about @Stable when we have custom modifiers

  • @imamyusupbachtiar5461
    @imamyusupbachtiar5461 ปีที่แล้ว +1

    Sir, is your online course lifetime if i buy it ? i still consider it to buy

  • @icodethis
    @icodethis ปีที่แล้ว

    goat

  • @ahmedgames9335
    @ahmedgames9335 4 หลายเดือนก่อน

    I coming from flutter 😂😂 and I was think that jetpack compose does not have the same way

  • @arozendojr
    @arozendojr ปีที่แล้ว +3

    Suggestion, webview with kmp compose, as large companies use it, reason for use, code push on the website that the webview accesses, feature delivered faster, Cloud scalability, micro frontEnd, micro service in the cloud

    • @cursedfunction
      @cursedfunction ปีที่แล้ว +6

      Please don’t do this. Use the right tool for the job. WebViews are not the do-it-all tool that some folks try to make them out to be.

    • @arozendojr
      @arozendojr ปีที่แล้ว +1

      @@cursedfunction Market needs, code push, kotlin or swift do not have code push, the market finds webview solutions. Nowadays large companies use webview, for native code @JavascriptInterface, in the end they are creating a meta browser

    • @cularu1
      @cularu1 7 หลายเดือนก่อน +1

      It's horrible.

    • @cularu1
      @cularu1 7 หลายเดือนก่อน +1

      It's only good to update the "app" faster. It's basically a webpage not an app.

    • @razz3721
      @razz3721 หลายเดือนก่อน +1

      I hate webview bad performance

  • @esneider
    @esneider ปีที่แล้ว

    soy tu fanboy

  • @khanra17
    @khanra17 9 หลายเดือนก่อน +1

    Jetpack Compose is terrible!
    They had a chance to switch to a modern paradigm and they made dog poop.
    Everything is hacky and complex.