How to Build a Clean Architecture CRUD Note App Using KMM (Android + iOS)
Вставка
- Опубліковано 25 лип 2024
- KMM (Kotlin Multiplatform Mobile) allows us to create cross-platform apps using Kotlin. A major part of our apps logic is shared Kotlin code - only the platform specific things need to be implemented in native code. So, we effectively get 2 native apps while sharing a lot of Kotlin code.
💻 Let me be your mentor and become an industry-ready Android developer in 10 weeks:
pl-coding.com/drop-table-ment...
Learn how to setup a KMM project in Android Studio:
• Creating Your First He...
Get the initial source code for this video here:
github.com/philipplackner/Not...
Get the final source code for this video here:
github.com/philipplackner/Not...
Hello Phillip.Your ability to simplify complex concepts and explain them in a clear and concise manner is truly commendable. Your step-by-step approach to teaching makes it seem easy and achievable, even for beginners.
Looking forward to learning more about Firebase, CRUD operations, and authentication. If you have time for a UA-cam tutorial on these topics, I'd love to watch it. Thanks for sharing your expertise.
I could see that you put a lot of effort into this project and still released it for free. Thank you very much.
yess 💌 only while doing I can realize how complex it can get !
Thanks Phillip for this great video were waiting impatiently 🤩
Next time please consider doing a *News KMM app* with API requests 🙏
Wow finally finished this, great explanation and looking forward to building more apps on KMM.
I was eagerly waiting for your KMM video. Thanks brother . Love from India😍
Thank you so much for this. I can't wait to get my Mac so I can start applying these KMM concepts.
Thanks sooooooo much Philipp... I'm personally grateful for this... 🙏🙌
Thank you Philipp I have been keeping an eye for this tutorial. this is an dream come through for me 🥳
Great tutorial, can't wait to see more KMM & iOS
Thanks a million Phillip Lacker 🎉 U r our hero.
Another Great tutorial!! Thanks for sharing your knowledge and for making those awesome tutorials
very timely content!! 🥳👍🏻👍🏻 thank youuu
This is better than most paid courses, thank you so much!
Thank you, really happy to help!
Will try this later. Great dude!
awesome video!!! we're waiting for more about KMM :))😀😃
Thank you very much for the time that you spent for tutorial.
You are a legend. Thanks for the video!
I have liked even before starting to watch knowing it's great already.
Finally finished watching this and learned a lot
I think it's time you start making IOS and swift tutorials along with KMM
We would love that very much😍😍😍
He specializes in Android tho.
Absolutely brilliant
Thank you
Looking forward to learn a lot about KMM 🤩
More to come!
Another tip from an iOS dev hehehe: you don't need to set optional variables to nil. The default value is already nil. Thanks for the video!
Thanks!
thank you soo much for your magnificent work
This man is incredible
thank you very much sir for the tutorial
great job, some seperate iOS tutorials would be awesome too
I wish there was that great content in Flutter like this! I'm not learning kotlin but it really helps in my stack anyway
Check out Mitch Koko on youtube
Bro you never heard of resocoder 😂..even a simple flutter keyword will index some of his videos
@@karansoni3798 ofc, but reso doesn't build apps like this
I just launched a really in-depth KMM course in which you learn to build a professionally designed translator app that supports 28 languages. Get it here:
pl-coding.com/building-industry-level-multiplatform-apps-with-kmm
Nicely done. Small suggestion would be to record natural approach to development in terms of showing decision making process and at least part of the struggles.
Thanks for such an intuitive tutorial.
I've not finish watching but I've already liked it.
I really love you man for impacting so much knowledge on us.
Can't wait to get a MacBook to try my hands on this
:)
Do you think we can use kotlin in ios as well in the future?
just finish it, you are the best philipp, help me a lot, thank you so much
Hi Philipp, thank you for your lessons , can you tell, what android studio theme do you use?
thanks Philipp !
Beautiful course master Philip
Thanks, happy to help!
@@PhilippLacknerplease make a video on kotlin + node js + mongodb full stack clone App like people made clone app in flutter.
Nice explanation, may I know what theme did you use on the android studio? thank you
on 22:10 I several times listened what did you say, and I could understand it only when I switched on subtitles.
That word was - parameter)) You put emphasis on the last syllable, although it should be on the second. It's not big deal while you have good subtitles
Awesome!!
Hi Philipp, Please use time stamps in your videos. Thanks for your videos it helps alot.
you are great bro so much good content
Thnq philipp for your amazing content always.
...
Can we start learning KMM, what is the future of KMM.
Hello. Good job. Great knowledge. Maybe next time you show how implement navigation drawer? :)
Amazing 🤩, thx !! It just need to add paging (for projects with lota of records) and you will have the perfect start kmm app 💪🥳
that's your homework
I’ll try again, it’s one of the reason I don’t use kmm for the moment, paging is a pain in kmm for the moment for me 😝
Thanks man
Good project🎉, i’m a fan of sharing viewModel instead 😂
Thanks a ton!!
@ 44:22
Why did you use "lowercase()" in both title & query instead of "ignorecase = true" inside contains?
Isn't it more convenient?
Perfect for boring sunday
Thank you so much for this video
Most welcome 😊
@@PhilippLackner Thank you. I really enjoyed watching this video today and I have recommended this video to my developer friends.
Phillip, I really appreciate this as I'm building a KMM app right now! These videos are helping to fill the gaps in my knowledge!
One thing I'm struggling to find help with is OAUTH2 verification for users of my app. I need them to send google Sheet requests to write data. I've only been trying in android, but I can't find any good video resources, and I'm struggling to find anything else online. Any good walkthroughs? If not, I guess I'll have to wait for a video of yours to drop one day. Thank you Phillip for all you do for us!
Hey man! you are amazing.
Well I have some confusions here, please make it clear to me If you get time.
- How can we achieve DI in shared module? please exclude koin or kodein
- As far as I get the KMM, It has a very limited scope that codebase can be shareable as there are much to be implemented in platform-specific package. Am I right? If yes, Why KMM can be chosen?
- How can we manage the build variants for Android and iOS in KMM?
- How can we add projects as sub-modules?
Thankyou!
Excelent video!
Has anyone noticed that, on the ios app, when you click in any note, goes back and try to create a new note the content of that note is still there? or did I miss something? on mine it happens like this
Thank you
Wonderful! Thank you!
Thank you......
Good nice amazing😍
Amazing content, thank you! Does anyone know how to enable the sticky scrolling headers in Xcode seen at 2:09:54? I couldn't find a way to enable them in preferences.
Edit: nvm, it's an Xcode 14 feature
Does jetpack compose lazy column support sql delight? It only supports room 3 to my knowledge...
Thank you Philipp . Sos un crack!
I’m sorry about the spanglish, but it sounds better to me 😅.
Android Studio cannto find SQLDelight plugin, what I need to do?
You can manually download it from the jetbrains website, simply Google for it and then open the zip in android studio in the plug in settings tab
Why do you use savedStateHandle for process death and not the rememberSaveable { } block?
About 7 minutes in I noticed some references to iosX64. Does that exist just so that the app can be tested on a simulator on an Intel Mac? Is it safe to remove these references if you're using an Apple Silicon Mac?
Thank !!!!!!!
Amazing as always. Would you mind making a video on CameraX?
Would be an idea, thanks
Thanks
Highly appreciate the contents you are providing.
Hello anyone, can you tell me how to redraw the view in fragment when configuration change (UImode) in Fragment Activity?
Hi! I can't figure out how to do the migration correctly. In the file "note.sq" I create an "insert into ...". The record is saved in the database, everything is ok. I create a file "1.sqm" after I insert line "update table ...". The record has been updated for the current user, but when installing from scratch, I see the old value. Do I really need to change the values in two places?
Wow 🤯🤯🤯🤯
My man 🙂
Would like if you can add mongodb realm into the mix, as apart two.
Thanks buddy
Any chance for an oauth 2.0 with compose video? I spend so much time looking and nothing works...
🔥
Hi, could you please do a video on Compose multi-platform?
I was expecting a video like this , also navigation with decompose library , but it seems you didn't use decompose . I will watch this video after I complete my current project. anyway thanks a lot .
Hey are you contributing for kmm on a open source project or a private project?
In Android, search bar doesn't except any keyboard input. I tried both in my physical device & emulator.
Stuck at share folder . . . it seems not to be found/seen on mac end
2:09:10 you can use if let id2 = id{ null safe code } else { execute code if it is null}
Replace id2 with a more relevant name
You can also shadow the argument name: if let id = id ... and/or use a guard statement instead: guard let id = id else { return }
Finally
❤️❤️
I can't find sqldelight plugin in my android studio
Thank you for a great tutorial
The initial source code seems to be the final version though?
Uhm no? 🤔
@Philipp Lackner it's no bother, I just wanted to follow along as I'm still a newbie.
Separately:
How could I add an extra feature such as a checkbox for a shopping list, for example?
Thanks again
Thanks for this video .
I have some issue in other need ; the issue is i have list of item and on Click of Item I open a dialog for detail of current item ;
the problem is if I click quickly and successive on a first item then on the second item --> the dialog show the details of the second one with the size of the first one
please tell me if you have any idea to solve this
why use combine at 1:01:27 instead can use merge isn't it?
Do you have to do something specific for the project to start with Compose for Android ? Mine started with xml
xml is better, you can use databinding with xml > compose
Hi all. A question to everyone. I am backend developer. I am going to start work on front end mobile app. I am little bit confused on choosing flutter vs kotlin+jetpack compose.
Can you guys suggest please.
I want app to be working smoother like for example how Instagram works.
Plz add this to playlist
Thanks a lot!
What about Compose Multiplatform!
Is it interested for KMM projects ?
Will you talk about this ?
I will once it's stable enough to not run into a million Gradle conflicts
other video with api rest please
Why do you use types from presentation layer in domain layer? It is a mistake. 28:00
why you didn't use koin for di? it's multiplatform
Wow Wow Wow, The most awaited tutorial😍😍😍 Thank You, @Philipp Lackner
You're welcome 😊
@@PhilippLackner Can we have an API call video with error handling in KMM + Clean Architecture?
Do you ever use UI design tools like Figma?
He use Adobe XD
My sql file is not getting recognised, do anybody else also have the same problem?
Jetpack compose for iOS?
One can hope and im sure its in the pipeline.
First comment and like
I'm seeing a runtime error when the android app is put into the background that causes the app to crash:
java.lang.RuntimeException: Parcel: unable to marshal value Note(id=2, title=zoom, content=, colorHex=4286701290, created=2022-10-11T01:34:44.331)
Is anyone else getting this error when the app is put in the background?
It seems that the Note class needs to use the "Serializable" interface to be used as a Parcelable, but since thats a Java-only feature, i cant add it to the Note class.
Any suggestions?
I figured it out, and whoa what a pain. The documentation on this is extremely lacking!
My answer and sample code at sta ckov erflo w dhat c om slash a slash 74050344/2857200
(remove the spaces and change the dhat to a . and the slash to / - YT doesnt let you post links)
I had to add custom annotations and TypeParceler, and it was not very straightforward
Weird that the Phillip doesn't seem to address this. The bug is caused because the notelistviewmodel is trying to get saved into a parcel when the app goes into the background, but the Note data class is not parcelable and doesn't have the code to do so.
Difficult to fix this issue if you dont understand it.
The Solution is to use the kotlin Parcelize annotation
Add id "kotlin-parcelize" to the module build.gradle, at the top inside the plugins object.
Then, add @Parcelize annotation to the Note class, and all the subclasses if needed
make sure the note data class also implements the Parcelable interface, with Note: Parcelable
It should work just fine after that
You're handsome and amazing lackner. I love your content so much
How does the stateIn at ua-cam.com/video/1w-LTUm_iDE/v-deo.html actually works. Will the resulting StateFlow change only if the object changes structurally? Or will it also change if there is different object but structurally same as the old object which is being replaced?
That is so unfortunate that you have to use a mac to follow. But Great video as usual.
I picked up an issue on the IOS app. When you select a note from the list and click back and than click on the add icon I get the same note. My expectation is that I should see a screen with only the hints.
I found the issue on line 34 of the NoteListScreen you should pass noteId as nil and not selectedNoteId because the NoteListScreen still keeps the same reference of the selectedNoteId
@@micah1995 Nice catch and thanks for sharing
1:11:21 Probably, for the purpose of the video being something more summarized, he doesn't care much about clean. In this case, the ideal would be to pass a string to the composable that already has the formattedDate field calculated. That string could be in a ui model that is passed to NoteItem composable. In this case, as he created a single Note data class, this model needs to be shared between data, domain and presentation, which is not ideal.