How to Share ViewModels in Compose Multiplatform (with Dependency Injection!)

Поділитися
Вставка
  • Опубліковано 27 гру 2024

КОМЕНТАРІ • 112

  • @Fo0nT
    @Fo0nT 7 місяців тому +47

    Next video: Room for KMP

  • @olwethupissot
    @olwethupissot 7 місяців тому +6

    Hey Philipp, I just wanted to express the Kotzilla team's gratitude for this incredible video! Your tutorial is super informative. Thanks so much also for sharing your experience with Koin😊.

  • @JeudryPeñaPeña
    @JeudryPeñaPeña 6 місяців тому

    Best youtuber ive found, literally you cant set up complete kotlin kmp app, with most simple as posible

  • @ahmadhamwi4081
    @ahmadhamwi4081 7 місяців тому +14

    Thank you for your efforts into making this video! Really appreciate it!

  • @baguingi5589
    @baguingi5589 6 місяців тому

    Damm, and here I was wasting time getting Voyager to work when this is already officially supported. Saved me a headache and some dev time, as always! Keep up the good work

  • @skarloti
    @skarloti 7 місяців тому +3

    You are like the great Arnold!
    Impressed by the short presentation, but the top of the future of programming. 🎉

    • @skarloti
      @skarloti 7 місяців тому +1

      Your smile conveyed satisfaction at Kotlin's progress. It was an important part of the presentation.

  • @roshkaalex
    @roshkaalex 7 місяців тому +6

    Thank you Philipp! Still one question is. How to share one instance of viewmodel between compostable functions in nav graph? And how to pass arguments in viewmodel +koin

    • @ddaypunk
      @ddaypunk 7 місяців тому +1

      Given the vm is a part of the koin graph, wouldn't you just get it similarly in that nav composable with the same type? Koin would then provide the current instance if singleton.

  • @farhazulislam6101
    @farhazulislam6101 4 місяці тому +1

    Hey Lackner, you defined koin module as single { } aka singleton, so every time if you try to inject via inject() or koinInject() in composables it will always get the same reference of ViewModel. You don't require to get it from the scope. koinInject will do that for yor.

  • @D-Gowda09
    @D-Gowda09 7 місяців тому +4

    Should I learn some IOS basics like we had in Android Basics before starting KMP?
    Does IOS have intents?, Broadcast?

  • @georgp.2990
    @georgp.2990 7 місяців тому +1

    is this compatible with use of the decompose library, or would you not mix these two?

  • @arseniykucherenko4960
    @arseniykucherenko4960 7 місяців тому +2

    But how to use this KMP view model in Swift (swift-ui or UIViewController) ?

  • @bitwisedevs469
    @bitwisedevs469 5 місяців тому +1

    How about with SavedStateHandle? Is it straight forward SavedStateHandle() just like when we create ViewModel with SavedStateHandle in unit test? Thanks

  • @argahutama
    @argahutama 6 місяців тому

    Pretty straight forward. Thanks for your efforts!

  • @vladalexeev8529
    @vladalexeev8529 7 місяців тому +3

    This video is right what I needed as I'm making KMP project with viewmodels and jetpack nav. For whatever reason my latest Android Studio doesn't show me preview in composable functions of KMP project, although ui tooling is in gradle.

    • @PhilippLackner
      @PhilippLackner  7 місяців тому +1

      Preview for CMP is not supported in Android studio yet

    • @Kmg403
      @Kmg403 7 місяців тому

      What I've done is make a preview file in the Android package and it holds all of the previews for all of my screens. They could be split to separate files, but I decided to do it this way and use the gallery view to look at specific ones.

  • @maksym1266
    @maksym1266 7 місяців тому +2

    Why do you use a 'single' for ios but not a 'factory'?

    • @andrefilgueiras
      @andrefilgueiras 5 місяців тому

      Factory will generate a new instance for every call. Single will generate only one instance (Singleton)

  • @pablovaldes6022
    @pablovaldes6022 7 місяців тому

    Looking great already
    I wonder if disabling Activity re-creation when configuration changes(in the manifest), will make this easier and we wouldn't need to expect/actual ViewModel modules and classes.

    • @PhilippLackner
      @PhilippLackner  7 місяців тому

      Then you'll break themes, language switching, landscape ui etc.

    • @pablovaldes6022
      @pablovaldes6022 7 місяців тому

      Doesn't that get recomposed when the respective staticCompositionLocal gets updated, regardless of Activity recreation?
      The whole point of compose is being reactive

    • @ibrahimanimasahun9431
      @ibrahimanimasahun9431 7 місяців тому

      @@pablovaldes6022 you're right

  • @frank4pickerson
    @frank4pickerson 7 місяців тому

    Wow! It's super easy to use CMP now because of this. At the last 3 minutes before end of video, you showed how to fetch the VM: composable("screenA") {val viewModel = koinViewModel()....
    But this doesn't work in printing Hello World! unless you fetch the VM before the composable block

  • @SyncImpl
    @SyncImpl 7 місяців тому +2

    Thank you for the helpful videos.

  • @anudeepananth
    @anudeepananth 7 місяців тому +2

    Hey Phillip, is your paid course on KMM updated with these new libraries and developments in KMM?

    • @PhilippLackner
      @PhilippLackner  7 місяців тому +1

      I just recorded some update videos this week, they'll be published in the next 7-10 days after they're edited :) There's a video that shows how to update the project to run on the latest Gradle with all the latest dependencies and there are videos about whether you should use CMP and Jetpack ViewModels. Those are not used in the course for good reason at this point which is all explained though.

    • @anudeepananth
      @anudeepananth 7 місяців тому

      @@PhilippLackner Just purchased your KMP course :)

  • @Chirag-Redij38
    @Chirag-Redij38 7 місяців тому +1

    How to use viewmodel & koin injection with native SwiftUI.

  • @frank4pickerson
    @frank4pickerson 7 місяців тому

    It's neat that live templates fills the funs. But why live template don't show for Android Studio on latest Macbook Pro. I am using experimental Android Studio- Canary?

    • @FahadAyaz
      @FahadAyaz 7 місяців тому +1

      I think a lot of that was Gemeni and not live templates

  • @Revitalish
    @Revitalish 6 місяців тому

    where is the vid you made on shared ViewModel in compose navigation in native android? i cant find it anywhere :(

  • @DenisGL92
    @DenisGL92 6 місяців тому

    Like all your videos, this one is very interesting: thanks! But if we want to keep UI in Swift for iOS, how can we use these KMP ViewModels from Swift?

  • @danineira2
    @danineira2 7 місяців тому

    One question, do you recommend a MacBook air m3 16Gb to develop Apps with KMP? Is it enough to use Android Studio XCode with different emulators? Or it is worth jumping to the 18Gb macbook pro m3 pro. Thank you very much for your videos.

    • @MultiDeivas
      @MultiDeivas 6 місяців тому

      Get a m2 with 32gb ram better. These development applications are ram hogs, especially with emulators.

  • @superhumandose
    @superhumandose 7 місяців тому

    Hey Phillip, can you do another updated Jetpack Crash course. There is literally very limited content on UA-cam on that

  • @manojshivhare937
    @manojshivhare937 7 місяців тому

    can you please suggest me any tutorial or post where i can find that how we can write business logic in shared file then we can generate .Framework file / .arr file to distribute into Android / iOS project to use that business logic separately.

  • @tch.777
    @tch.777 7 місяців тому

    Thank you, amazing like always ❤
    Is there a way to create a shared koin vm that is attached to the current navigation graph like you showed it with hilt?

  • @StyX_CharLEE
    @StyX_CharLEE 5 місяців тому

    if you added dependency to commonMain you don't need to make it API to be available in other sourceSets

  • @jasmeetsingh-o8r
    @jasmeetsingh-o8r 7 місяців тому

    Hey Philip can u make a video regarding the new changes in the google signin using firebase ?

  • @galaxiegalaxie5003
    @galaxiegalaxie5003 7 місяців тому

    Great content. Awesome. Now, how could we share the same viewmodel to different screen. Could you show us some insight.Thank you.

  • @hafizmohd013
    @hafizmohd013 7 місяців тому

    @Philipp can you share on how use pagination in composeApp Multiplatform. So far, cash app library however this library soon not will maintain.

  • @D-Gowda09
    @D-Gowda09 7 місяців тому +4

    Can't we use KMP in windows?

    • @PhilippLackner
      @PhilippLackner  7 місяців тому +1

      Yes

    • @ddaypunk
      @ddaypunk 7 місяців тому

      In the KMP wizard he mentions at the start of the video, you can add the desktop flavor. That would run on Windows since JVM runs on Windows.

  • @hem9831
    @hem9831 5 місяців тому

    Would this approach work when the UI is not shared?
    I mean:
- XML/Compose on Android
    - swiftUI on iOS
    - bussines logic to be shared across both platform (including the view models)
    I’m trying to understand if a shared view model will work in this case.

  • @王琦-f3b
    @王琦-f3b 7 місяців тому +1

    That is why I prefer flutterr. I mean I love kotlin and Jetpack Compose, but the KMP is pretty new, so the ecosystem is not ready for real production and you need to solve everything by youself.

    • @PhilippLackner
      @PhilippLackner  7 місяців тому +1

      KMP is pretty ready, just Compose MP not yet

  • @MonichGPT
    @MonichGPT 7 місяців тому +4

    Koin is not dependency injection! Koin is service locator!

    • @PhilippLackner
      @PhilippLackner  7 місяців тому +1

      Dependency injection = passing objects to objects
      Exactly what's happening here in the VM's constructor ;)

    • @MonichGPT
      @MonichGPT 7 місяців тому +1

      @@PhilippLackner DI and SL it different patterns. Please read about it. You miss the point: DI is not passing objects, DI it is about getting objects and SL it is about taking objects.

    • @ddaypunk
      @ddaypunk 7 місяців тому

      @@MonichGPT You are arguing semantics here. Koin is listed on their site as a "DI Framework". It is an abstraction over the concept, telling you WHAT, but not HOW it is done.

    • @MonichGPT
      @MonichGPT 7 місяців тому

      @@ddaypunk Koin does not provide DI

    • @deviantstudio
      @deviantstudio 7 місяців тому

      who told you that lol? so injecting into the constructor is SL? something new here

  • @safionweb
    @safionweb 7 місяців тому

    Have they merged KMP and CMP? I remember KMP was different where you had to use Swift for iOS-specific code.
    This tutorial is Compose Multiplatform but Phillip is saying KMP. So, maybe I missed something, is KMP and CMP the same thing now?

    • @osisuper98
      @osisuper98 7 місяців тому +2

      Will CMP work without KMP? CMP only means sharing your UI (Compose code in this case) among all platforms, the rest is KMP.

    • @safionweb
      @safionweb 7 місяців тому

      @@osisuper98 I thought KMP generates purely native apps for both iOS and Android as if they were using Android Studio and XCode respectively. And CMP generates non-native apps just like Flutter and ReactNative.
      If that is true, I don't think we can say that CMP = KMP + Shared UI.

    • @FahadAyaz
      @FahadAyaz 7 місяців тому +1

      Compose Multiplatform is built on top of Kotlin Multiplatform. You can choose to share UI with CMP or not share UI and use each platform's native implementations. It's up to you to decide what works best for your project.

    • @safionweb
      @safionweb 7 місяців тому

      @@FahadAyaz Thanks.

  • @shelarsameer
    @shelarsameer 7 місяців тому

    Can I use this ViewModel without Compose Multiplatform?
    I want to do a similar implementation you did in your KMM course. Shared View Model with nativeUI.

  • @joeybasile545
    @joeybasile545 5 місяців тому

    16:36 you was diggin wontcha

  • @jeet5401
    @jeet5401 7 місяців тому

    Really Helpful

  • @mahmoudaljorban540
    @mahmoudaljorban540 6 місяців тому

    Thanks for a great video :)

  • @malschauen6267
    @malschauen6267 7 місяців тому

    Helpful info. This would be a nice 🌞addition to incorporate into your premium course "Building Industry-Level Multiplatform Apps With KMM" (could also be renamed KMM ---> KMP). Are any updates planned? Some policy would be useful to know.

  • @andreaslinis1586
    @andreaslinis1586 7 місяців тому

    Hello Philip, is it safe to use compose multiplatform for migration òf an already existing production android project to ios, or do you think it is not stable enough

    • @juandurini309
      @juandurini309 7 місяців тому +1

      Compose Multiplatform is still in alpha, so thing might change in the future and that could lead to deprecations and big refactors in the future

    • @FahadAyaz
      @FahadAyaz 7 місяців тому +1

      On the other hand Compose Multiplatform will generally align well with Jetpack Compose, so if you're using that, you're probably going to be fine (although might have to wait a bit for newer stuff to get merged in)

    • @andreaslinis1586
      @andreaslinis1586 7 місяців тому +1

      @FahadAyaz compose multiplatform just went beta for ios !! That's great news

  • @rajvirsingh2741
    @rajvirsingh2741 7 місяців тому

    Can anyone help me out for my DSA preparation as I currently use kotlin for my Android dev and I am fluent in using kotlin, so should I use the same for my DSA preparation or should I go for Java or c++

    • @malschauen6267
      @malschauen6267 7 місяців тому

      Why not haskell? I would try something new. But I am not ready to help you. Good luck. 🍧🌟

  • @events4089
    @events4089 7 місяців тому

    Bro please do a video on Room database for kmp

  • @grumpyshoe
    @grumpyshoe 3 місяці тому

    Maybe I'm wrong but one thing to mention ist, that this ViewModel right now, only seems to work if you target iOS an android. It doesn't support e.g. tvOS.
    Did anyone find a solution for that?

  • @laraibishtiaq2684
    @laraibishtiaq2684 2 місяці тому

    I am still getting this error:
    Unresolved reference: ViewModel

  • @_hudeifa23
    @_hudeifa23 7 місяців тому

    is compose multiplatform still alpha in ios side ?

    • @malschauen6267
      @malschauen6267 7 місяців тому

      Hm, really quite difficult to find this information on the wide wide web. So might be easier to ask in a YT comment. Let me help you: I would say maybe. 🐣

    • @_hudeifa23
      @_hudeifa23 7 місяців тому

      ​@@malschauen6267 I guess sarcasm and dismissiveness are easier than actually trying to be helpful

    • @meidy3795
      @meidy3795 7 місяців тому

      Now it's beta

  • @frank4pickerson
    @frank4pickerson 7 місяців тому

    Running it on iOS after cloning, gives me the following:
    Duplicate Library Names:
    library_commonMain
    lifecycle-viewmodel_commonMain
    annotation_commonMain

  • @alevittoria
    @alevittoria 6 місяців тому

    Great video as usual, but after this video, I think it will be a long time before KMM becomes better than Flutter.
    Too much code, in my opinion, to do easy things like initialize a vm.

  • @GeorgeRobinson-s8c
    @GeorgeRobinson-s8c 2 місяці тому

    Quinton Throughway

  • @HowardCheatham-x1c
    @HowardCheatham-x1c 2 місяці тому

    Graham Ports

  • @JoseGibbs-v2r
    @JoseGibbs-v2r 3 місяці тому

    Schmeler Knolls

  • @arozendojr
    @arozendojr 7 місяців тому

    Suggestion, show how compose-ios works, compare with how React-native or Flutter works, write once and run on both emulators

  • @JustinRoubekas-u9t
    @JustinRoubekas-u9t 2 місяці тому

    Gleichner Common

  • @devgabriel6898
    @devgabriel6898 7 місяців тому

    Going nicely! But still too godamn complex. I will wait until they have something that does everything in this nice video automatically

  • @BeaufortIda-c8g
    @BeaufortIda-c8g 3 місяці тому

    Bahringer Mountains

  • @techzone2009
    @techzone2009 Місяць тому

    We have to do lots of things for a simple job 😅.

  • @MonichGPT
    @MonichGPT 7 місяців тому +1

    You ever getting ViewModel by hands! This is not DI!!! It is not even verify the dependency graph!!!

  • @BrittRuscher-y4p
    @BrittRuscher-y4p 3 місяці тому

    Metz Vista

  • @zachbearse2639
    @zachbearse2639 7 місяців тому

    Doesn't the singleton iOS ViewModel defeat the point? You're throwing away all the scoping apis that make this cross platform view model so useful in the first place.

  • @KittyOdelia-w2z
    @KittyOdelia-w2z 2 місяці тому

    Price Loaf

  • @Christopher59Lewis-e5i
    @Christopher59Lewis-e5i 3 місяці тому

    Haag Heights

  • @superkobke
    @superkobke 7 місяців тому +1

    Do you really need to have cringe thumbnails to capture your audience? That's so clickbait. I really like your videos man, but jesus, go one step up!!

  • @DarrenHinderer
    @DarrenHinderer 7 місяців тому

    ko-in? lol why not pronounce like "coin"

    • @PhilippLackner
      @PhilippLackner  7 місяців тому +2

      Koin = kotlin inject

    • @barfyman3Six2
      @barfyman3Six2 7 місяців тому +1

      @@PhilippLackner It is pronounced "coin".

  • @mohegyux4072
    @mohegyux4072 7 місяців тому

    I reaaly hate viewmodels and these design patterns, I just use Object classes, lives forever and access it anywhere, I know it's "wrong" but it's easier for my tiny brain, I seperate concerns on my own and make single sources of truth on my own, all in singleton objects

    • @JeffreyLiu8
      @JeffreyLiu8 7 місяців тому

      Lives forever may have potential memory issue, and you would have to write specific code to cancel work for some screens based on requirements.

    • @mohegyux4072
      @mohegyux4072 7 місяців тому

      ​@@JeffreyLiu8 True, I do handle cancelling work , and I always use try catch just in case and log the errors to my backend. for me this makes sense esp. for simple apps and for one-dev apps

    • @PhilippLackner
      @PhilippLackner  7 місяців тому +1

      One process death and your app will misbehave. Don't do that :D

    • @mohegyux4072
      @mohegyux4072 7 місяців тому

      @@PhilippLackner ​ may be make a video "why we need viewmodels?"

    • @mohegyux4072
      @mohegyux4072 7 місяців тому

      @@PhilippLackner for example I have an object named 'ui' that contains some mutable state flows like "button1_visible" , "current_text" etc, why should I put them in a viewmodel and not in a simple singleton ?

  • @PengChenEynnzerr
    @PengChenEynnzerr 4 місяці тому

    Good... But in fact now we have org.koin.core.module.dsl.viewModelOf, org.koin.compose.KoinApplication and import org.koin.compose.viewmodel.koinViewModel, we can set up koin DI just in commonMain once for all, so actually there's no need to write platform-specific setup codes.