Kotlin Multi-platform(?)

Transcript

1. Multiplatform Kotlin(?) Kotlin Developers Meetup
2. About Me • Matthew Vern / Panini • Twitter: @callipan Github: panpanini • Mercari, Inc • Android Engineer (US) • kotlin@kawaii.com
3. About Me • Matthew Vern / Panini • Twitter: @callipan Github: panpanini • Mercari, Inc • Android Engineer (US) • kotlin@kawaii.com • React Native Engineer??
4. React Native • Build native mobile apps using JavaScript and React • “Write Once, Run Anywhere” • Works both on Android & iOS • Hot reload • Interfaces with native Kotlin/Swift code
5. React Native @ Mercari US • Used in Profile & Chat screens • Great for simple screens • Easy feature parity between platforms • But...
6. I wanna write Kotlin
7. Kotlin.js • Transpiles Kotlin to JavaScript • Kotlin-react https://github.com/JetBrains/create-react-kotlin-app • • Kotlin-React-Native?
8. Kotlin React Native • Create Kotlin JS project inside ReactNative project • Link React Native JS to Kotlin JS output
9. Kotlin React Native • Create wrapper for React Native JS • @JsModule • external
10. Kotlin React Native • React has a lot of ceremony to create components • Abstract as much away with DSL • Makes UI code much cleaner
11. Kotlin React Native • React has a lot of ceremony to create components • Abstract as much away with DSL • Makes UI code much cleaner
12. Hot Reload • “Keep the app running and to inject new versions of the files that you edited at runtime” • Kotlin has to be compiled though...
13. Gradle Continuous Build https://blog.gradle.org/introducing-continuous- build • “As of 2.5, Gradle supports continuous build execution, which will automatically re-execute builds when changes are detected to its inputs.” • Anytime a file is changed, gradle will rerun the task • Hot reload!
14. Summary • We can write React Native in Kotlin! • Supports Hot Reloading • Kotlin DSL makes building UI easy • Can run same code on Android & iOS
15. Summary • The Kotlin we write is 90% JavaScript.. • dynamic • Lots of boilerplate code • Very little documentation • Lets just use Kotlin multiplatform instead