How to Build a Clean Architecture CRUD Note App Using KMM (Android + iOS)
ฝัง
- เผยแพร่เมื่อ 1 ต.ค. 2022
- 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...
![คุณอาเรียโต๊ะข้างๆ พูดรัสเซียหวานใส่ซะหัวใจจะวาย ตอนที่ 2 [ซับไทย] 【Ani-One Thailand】](http://i.ytimg.com/vi/kbbfYakMY8k/mqdefault.jpg)
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 TH-cam tutorial on these topics, I'd love to watch it. Thanks for sharing your expertise.
I was eagerly waiting for your KMM video. Thanks brother . Love from India😍
Wow finally finished this, great explanation and looking forward to building more apps on KMM.
Thanks Phillip for this great video were waiting impatiently 🤩
Next time please consider doing a *News KMM app* with API requests 🙏
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 !
Thank you so much for this. I can't wait to get my Mac so I can start applying these KMM concepts.
just finish it, you are the best philipp, help me a lot, thank you so much
Thank you Philipp I have been keeping an eye for this tutorial. this is an dream come through for me 🥳
Thanks sooooooo much Philipp... I'm personally grateful for this... 🙏🙌
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!
awesome video!!! we're waiting for more about KMM :))😀😃
Will try this later. Great dude!
Thank you very much for the time that you spent for tutorial.
I have liked even before starting to watch knowing it's great already.
You are a legend. Thanks for the video!
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.
Thank you
Looking forward to learn a lot about KMM 🤩
More to come!
Absolutely brilliant
thank you soo much for your magnificent work
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!
This man is incredible
thank you very much sir for the tutorial
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
great job, some seperate iOS tutorials would be awesome too
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.
thanks Philipp !
Hi Philipp, thank you for your lessons , can you tell, what android studio theme do you use?
Perfect for boring sunday
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.
you are great bro so much good content
Nice explanation, may I know what theme did you use on the android studio? thank you
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?
Thanks man
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.
Hello. Good job. Great knowledge. Maybe next time you show how implement navigation drawer? :)
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?
Awesome!!
Good project🎉, i’m a fan of sharing viewModel instead 😂
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
Hi Philipp, Please use time stamps in your videos. Thanks for your videos it helps alot.
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 😝
Does jetpack compose lazy column support sql delight? It only supports room 3 to my knowledge...
Why do you use savedStateHandle for process death and not the rememberSaveable { } block?
Thnq philipp for your amazing content always.
...
Can we start learning KMM, what is the future of KMM.
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?
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
Thank you
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
Highly appreciate the contents you are providing.
Wonderful! Thank you!
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?
Thank you......
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!
Good nice amazing😍
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
Amazing as always. Would you mind making a video on CameraX?
Would be an idea, thanks
Stuck at share folder . . . it seems not to be found/seen on mac end
Thank you Philipp . Sos un crack!
I’m sorry about the spanglish, but it sounds better to me 😅.
Any chance for an oauth 2.0 with compose video? I spend so much time looking and nothing works...
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
Thank !!!!!!!
Hello anyone, can you tell me how to redraw the view in fragment when configuration change (UImode) in Fragment Activity?
Hi, could you please do a video on Compose multi-platform?
Thanks
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!
In Android, search bar doesn't except any keyboard input. I tried both in my physical device & emulator.
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?
Would like if you can add mongodb realm into the mix, as apart two.
Thanks buddy
I can't find sqldelight plugin in my android studio
why use combine at 1:01:27 instead can use merge isn't it?
Wow 🤯🤯🤯🤯
🔥
My man 🙂
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
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
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
Plz add this to playlist
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.
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 }
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 you didn't use koin for di? it's multiplatform
Why do you use types from presentation layer in domain layer? It is a mistake. 28:00
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?
❤️❤️
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
Do you ever use UI design tools like Figma?
He use Adobe XD
other video with api rest please
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.
Finally
How does the stateIn at th-cam.com/video/1w-LTUm_iDE/w-d-xo.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?
Is KMM stable now?
Its now in Beta, so the API will not be changing anymore.
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
You're handsome and amazing lackner. I love your content so much
That is so unfortunate that you have to use a mac to follow. But Great video as usual.
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.