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

Подписаться 183 тыс.

Просмотров 19 тыс.

50% 1

In this video I'll show you how to share ViewModels in Compose Multiplatform (with Dependency Injection!), enjoy!
💻 Let me be your mentor and become an industry-ready Android developer in 10 weeks:
pl-coding.com/...
⭐ Courses with real-life practices
⭐ Save countless hours of time
⭐ 100% money back guarantee for 30 days
⭐ Become a professional Android developer now:
pl-coding.com/...
Get my FREE PDF about 20 things you should never do in Jetpack Compose:
pl-coding.com/...
Regular programming advice on my Instagram page: / _philipplackner_
Join my Discord server:
/ discord
Get the source code for this video on GitHub:
github.com/phi...

Опубликовано:

30 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 106

@Fo0nT 4 месяца назад

Next video: Room for KMP

@dmytroberezhnyi717 4 месяца назад

CMP

@ahmadhamwi4081 4 месяца назад

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

@roshkaalex 4 месяца назад

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 4 месяца назад

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.

@D-Gowda09 4 месяца назад

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

@superkobke 4 месяца назад

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!!

@olwethupissot 4 месяца назад

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😊.

@arseniykucherenko4960 4 месяца назад

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

@MonichGPT 4 месяца назад

Koin is not dependency injection! Koin is service locator!

@PhilippLackner 4 месяца назад

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

@MonichGPT 4 месяца назад

@@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 4 месяца назад

@@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 4 месяца назад

@@ddaypunk Koin does not provide DI

@deviantstudio 4 месяца назад

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

@Chirag-Redij38 4 месяца назад

How to use viewmodel & koin injection with native SwiftUI.

@maksym1266 4 месяца назад

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

@andrefilgueiras 2 месяца назад

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

@bitwisedevs469 2 месяца назад

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

@skarloti 4 месяца назад

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

@skarloti 4 месяца назад

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

@王琦-f3b 4 месяца назад

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 4 месяца назад

KMP is pretty ready, just Compose MP not yet

@SyncImpl 4 месяца назад

Thank you for the helpful videos.

@georgp.2990 4 месяца назад

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

@hem9831 2 месяца назад

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.

@frank4pickerson 4 месяца назад

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

@grumpyshoe 15 дней назад

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?

@farhazulislam6101 2 месяца назад

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.

@zachbearse2639 4 месяца назад

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.

@alevittoria 3 месяца назад

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.

@StyX_CharLEE 2 месяца назад

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

@anudeepananth 4 месяца назад

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

@PhilippLackner 4 месяца назад

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 4 месяца назад

@@PhilippLackner Just purchased your KMP course :)

@MonichGPT 4 месяца назад

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

@PhilippLackner 4 месяца назад

What bro

@Revitalish 3 месяца назад

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

@malschauen6267 4 месяца назад

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.

@frank4pickerson 4 месяца назад

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

@hafizmohd013 4 месяца назад

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

@DenisGL92 4 месяца назад

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?

@galaxiegalaxie5003 4 месяца назад

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

@manojshivhare937 4 месяца назад

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.

@devgabriel6898 4 месяца назад

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

@baguingi5589 3 месяца назад

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

@tch.777 4 месяца назад

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?

@PengChenEynnzerr Месяц назад

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.

@joeybasile1572 2 месяца назад

16:36 you was diggin wontcha

@JeudryPeñaPeña 3 месяца назад

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

@BeaufortIda-c8g 12 дней назад

Bahringer Mountains

@superhumandose 4 месяца назад

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

@danineira2 4 месяца назад

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 4 месяца назад

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

@BrittRuscher-y4p 20 дней назад

Metz Vista

@frank4pickerson 4 месяца назад

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 4 месяца назад

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

@jasmeetsingh-o8r 4 месяца назад

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

@D-Gowda09 4 месяца назад

Can't we use KMP in windows?

@PhilippLackner 4 месяца назад

Yes

@ddaypunk 4 месяца назад

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.

@rajvirsingh2741 4 месяца назад

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 4 месяца назад

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

@shelarsameer 4 месяца назад

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.

@PhilippLackner 4 месяца назад

Yes

@Christopher59Lewis-e5i 11 дней назад

Haag Heights

@JoseGibbs-v2r 3 дня назад

Schmeler Knolls

@vladalexeev8529 4 месяца назад

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 4 месяца назад

Preview for CMP is not supported in Android studio yet

@Kmg403 4 месяца назад

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.

@argahutama 3 месяца назад

Pretty straight forward. Thanks for your efforts!

@mahmoudaljorban540 4 месяца назад

Thanks for a great video :)

@events4089 4 месяца назад

Bro please do a video on Room database for kmp

@pablovaldes6022 4 месяца назад

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 4 месяца назад

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

@pablovaldes6022 4 месяца назад

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

@ibrahimanimasahun9431 4 месяца назад

@@pablovaldes6022 you're right

@safionweb 4 месяца назад

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 4 месяца назад

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

@safionweb 4 месяца назад

@@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 4 месяца назад

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 4 месяца назад

@@FahadAyaz Thanks.

@andreaslinis1586 4 месяца назад

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 4 месяца назад

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 4 месяца назад

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 4 месяца назад

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

@jeet5401 4 месяца назад

Really Helpful

@DarrenHinderer 4 месяца назад

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

@PhilippLackner 4 месяца назад

Koin = kotlin inject

@barfyman3Six2 4 месяца назад

@@PhilippLackner It is pronounced "coin".

@_hudeifa23 4 месяца назад

is compose multiplatform still alpha in ios side ?

@malschauen6267 4 месяца назад

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 4 месяца назад

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

@meidy3795 4 месяца назад

Now it's beta

@arozendojr 4 месяца назад

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

@mohegyux4072 4 месяца назад

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 4 месяца назад

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 4 месяца назад

@@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 4 месяца назад

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

@mohegyux4072 4 месяца назад

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

@mohegyux4072 4 месяца назад

@@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 ?