Search for a command to run...
Building cross-platform high performance apps delivering native experience
No comments yet. Be the first to comment.
Originally published at https://mayankmkh.medium.com/kotlin-multiplatform-a-panacea-for-mobile-app-development-c41ffe850d1b
For a long time, many have desired to have a single codebase that can run on multiple platforms especially mobile — Android and iOS. Many technologies have been developed to fulfill this dream but a few have been adopted in large-scale applications. In this article, we’ll explore some popular code-sharing solutions, compare those, and arrive at a conclusion as to why we chose one over the others, but first allow me to introduce you to InVideo.
InVideo is a powerful web-based video creation tool that lets you create high-quality professional-looking videos in a matter of minutes. You can either create a blank canvas or select one of the thousand templates including but not limited to brand intros, ads, wishes, promos, collage, and quotes. You can then add, remove or modify it according to your liking, and boom you have a beautiful video ready to be shared with the world.
InVideo has a feature-rich Web client and wants to bring the same power to everyone regardless of the device. We need to build apps for Android and iOS with a similar feature set as the web providing the users with advance video editing capabilities.
It’s a fairly complex project dealing with lots of graphics and business logic and can be broadly divided into 2 parts:
Editor/Renderer
Deals with graphics rendering using OpenGL, Vulkan, or Metal, with the ability to render media elements namely image, video, audio, text, stickers, and fonts with support for effects, filters, animations, and transitions. It needs to handle media encoding and decoding and have a smart resource caching system to provide an optimal user experience with minimal resource consumption.
Platform
The user-facing part implementing a beautiful, easy-to-use UI optimized for various screen sizes and device constraints. It deals with everything apart from rendering like networking, local storage, file operations, authentication, notifications, analytics, crash reporting, media pickers, complex video editing UI, user interactions, and interfacing with the Editor.
As you can tell, this is a very different app from a regular CRUD app, especially the Renderer and we had limited time and resources to build an app that’s stable, has high performance, consumes minimal resources, and provide a good user experience regardless of the device specifications. All this with a small team of mobile developers, so we need to come up with a solution that could help us build the apps faster and avoid writing complex code multiple times for different platforms. That’s when we started exploring available multiplatform solutions.
React Native is a very popular framework build by Facebook which uses JavaScript as a development language.
Upsides: abundant learning resources, a vast set of libraries, a large number of contributors, and a huge community. fast iteration speed, animations
Downsides: Increases startup time, initial render time and the app size, relatively higher memory usage. The code becomes difficult to maintain as more platform bridging code is introduced.
Flutter is a UI Toolkit developed by Google to create beautiful apps using Dart language which compiles natively and is high performant.
Upsides: Rapid iteration using hot reload, high performance, building UI is a breeze, smooth animations, community
Downsides: Still maturing, increases app size, has limited tools and plugins which means you need to create a plugin yourself and that requires knowledge of all platforms, a new language to learn.
C++ can be compiled into a binary that can be used by both Android and iOS.
Upsides: High performance, low memory utilization, no garbage collection, shared business logic, common OpenGL for Android and iOS
Downsides: Manual memory management, lack of multiplatform libraries, and tools for mobile development. Too many overheads to deal with as mentioned by Eyal Guthhman in the blog The (not so) hidden cost of sharing code between iOS and Android.
Kotlin Multiplatform is created by Jetbrains and uses Kotlin as the programming language. It is more a set of technologies than a framework.
Upsides: common business logic, high performance, compiles to bytecode for Android and native for iOS, good interop with Java, Swift, and Objective-C, uses modern language, very little to no change for Android developers.
Downsides: reduced code sharing as UI is not shared, is in alpha, the lack of libraries, immature tooling, relatively smaller community as compared to React Native or Flutter, new build system, and language to be learned by iOS developers
As the project required dealing with low-level graphics and it being the huge portion of the app, React Native and Flutter didn’t fit our use case and it’s just too much overhead to build the app with C++ as experienced by folks at DropBox (read more about it in the article by Eyal Guthmann). Now we were left with 2 options:
Create Separate apps for each platform
Use Kotlin Multiplatform to share most of the code
We thought if we choose to create separate apps then we would anyways be creating the Android app using Kotlin, then why not try to share that code with iOS too. Its low risk and has high returns. Kotlin Multiplatform (KMP) was the obvious choice for us.
After some more digging, we believe it can scale well and would be beneficial in the long run even if we had to deal with some of the problems with tooling and language.
Kotlin Multiplatform Mobile or KMM is a subset of KMP with the focus on making the tech stable for use on mobile platforms namely Android and iOS and provides improved and better tooling for this use case.
Kotlin is an awesome language and Kotlin Multiplatform brings that to other platforms to help us create scalable and maintainable apps using a single codebase. Although the code-sharing is slightly less than that with other cross-platform solutions as UI cannot be shared, that gives us the advantage of creating a user experience that is in line with the platform’s guidelines and best practices.
KMP combined with reactive programming and unidirectional data flow can help create a solution that is agnostic to the UI framework and can be reused on any platform. Using KMP we hope to share 70–80% of code across mobile platforms and adding one more platform will just be a matter of implementing the UI.
Though KMM is in alpha as of Kotlin 1.4.31, the technologies powering i.e. Kotlin JVM is stable and Kotlin Native is beta since 1.3 so it is pretty safe to be used in production.
We will be sharing our journey with KMM as we progress further, our experience with it, the problems we faced, and how we solved them. Stay tuned and subscribe to InVideo and Mayank Kharbanda
If you want to work at the forefront of technology, join us by applying at
Don’t forget to fill in Referrer Name as Mayank Kharbanda and I hope to work with you on many cool things to come.
