Upgrade to Pro — share decks privately, control downloads, hide ads and more …

The Hitchhikers Guide Through Kotlin Multiplatform DCMadrid

cmota
December 21, 2019

The Hitchhikers Guide Through Kotlin Multiplatform DCMadrid

Since the early days of mobile that we keep seeing new frameworks being designed to overcome one of the biggest challenges:
- How can I develop for both Android and iOS?

Although it’s initial promises, when we talk about performance, maintainability or even customization we keep discarding these solutions and we always choose native.

Fast forward to the present, and now we have two new languages: Android is Kotlin first and iOS, Swift. And if you put them side by side you can see a lot of similarities between both what will ease switching between one to the other if you have to develop for both platforms.

But what I told that you could just develop in Kotlin and run it seamlessly on all devices? Here comes Kotlin Multiplatform!

cmota

December 21, 2019
Tweet

More Decks by cmota

Other Decks in Programming

Transcript

  1. droidcon Madrid: Christmas Edition
    droidcon Madrid: Christmas Edition
    The Hitchhikers Guide Through
    The Hitchhikers Guide Through
    Kotlin Multiplatform
    Kotlin Multiplatform
    @cafonsomota

    View Slide

  2. hello .
    @cafonsomota

    View Slide

  3. speakerdeck.com/cmota/
    the-hitchhikers-guide-through-kotlin-multiplatform-dcmadrid
    @cafonsomota

    View Slide

  4. View Slide

  5. a brief history of time
    “In the beginning the Universe was created. This had made many people
    angry and has been widely regarded as a bad move.”

    View Slide

  6. android iOS

    View Slide

  7. Dark Theme

    View Slide

  8. android iOS

    View Slide

  9. Photo by Fabian Grohs on Unsplash

    View Slide

  10. Photo by Fabian Grohs on Unsplash
    a wild application idea
    appears!
    develop it for Android and iOS.

    View Slide

  11. -hire a team of specialised developers
    -define requirements
    -design mockups for both platforms
    -plan features development
    -start development/ write unit tests
    -write t-specs for SQA validation
    -cross-checking validation between both platforms
    (or jacks)
    Steps

    View Slide

  12. ~2xthe team
    the cost
    the status meetings required
    the time spent on development
    the time spent on testing
    native
    the time spent on bug fixing

    View Slide

  13. Photo by Fabian Grohs on Unsplash
    a wild application idea
    appears!
    develop it for Android and iOS and web.

    View Slide

  14. ~3xthe team
    the cost
    the status meetings required
    the time spent on development
    the time spent on testing
    the time spent on bug fixing

    View Slide

  15. View Slide

  16. let’s find a solution
    that works on all
    platforms.

    View Slide

  17. 2008 2012 2018
    2013
    2011 2017
    2006 2010
    2009 2015
    * Kotlin Multiplatform
    *

    View Slide

  18. - smaller team
    - typically half of the cost needed on native
    - small learning curve for web developers
    (advantages)
    Cross-platform

    View Slide

  19. - chained to the framework implementation of UI
    - new updates from the OS will take time to adopt
    - performance is not the same
    - some native code might need to be written
    - OS/ device features are dependent on the fw support
    - dart (flutter) is not widely used language (for now)
    - committed to one framework/ language
    (disadvantages)
    Cross-platform

    View Slide

  20. how can we have
    the best of both
    worlds?

    View Slide

  21. how can we have
    the best of both
    worlds?

    View Slide

  22. kotlin
    “42.”

    View Slide

  23. View Slide

  24. - developed by JetBrains
    - open source
    - concise, safe, interoperable, tool-friendly
    - supported/ used by Google for Android Development
    - it’s more than “just for Android”
    Kotlin
    Server-side Android Kotlin JS Native

    View Slide

  25. Mutability
    etc.
    Null safety
    Default
    values
    Type
    inference
    String
    interpolation
    when
    Collections
    Easy to learn

    View Slide

  26. Easy to learn
    - small learning curve involved
    - easily to go from JavaScript/ Swift into Kotlin and back
    (from a developers’ point of view)

    View Slide

  27. var variable = 42
    variable = 1
    let value = 42
    var variable = 42
    variable = 1
    val value = 42
    *adapted from http://nilhcem.com/swift-is-like-kotlin/
    (variables and constants)
    Kotlin vs Swift
    Kotlin
    Swift

    View Slide

  28. fun greet(name: String, day: String): String {
    return "Hello $name, today is $day."
    }
    greet(“Madrid”, “Saturday”)
    *updated from http://nilhcem.com/swift-is-like-kotlin/
    func greet(_ name: String,_ day: String) -> String {
    return "Hello \(name), today is \(day)."
    }
    greet(“Madrid”, “Saturday”)
    Kotlin
    Swift
    (functions)
    Kotlin vs Swift

    View Slide

  29. class Shape {
    var numberOfSides = 0
    func simpleDescription() -> String {
    return "A shape with \(numberOfSides) sides."
    }
    }
    var shape = Shape()
    shape.numberOfSides = 7
    var shapeDescription = shape.simpleDescription()
    class Shape {
    var numberOfSides = 0
    fun simpleDescription() = "A shape with $numberOfSides sides."
    }
    var shape = Shape()
    shape.numberOfSides = 7
    var shapeDescription = shape.simpleDescription()
    (variables and constants)
    Kotlin vs Swift
    Kotlin
    Swift

    View Slide

  30. kotlin multiplatform
    “‘Resistance is useless!’ How can anyone maintain a positive mental
    attitude if you’re saying things like that?”

    View Slide

  31. K
    otlin multiplatform
    using kotlin in projects
    that target more than
    one platform

    View Slide

  32. view view view view
    model
    parser
    network
    presentation presentation presentation presentation
    network network network
    parser parser parser
    model model model
    presentation presentation presentation
    desktop
    web
    iOS
    android

    View Slide

  33. business logic business logic business logic
    model
    parser
    network
    presentation
    model
    parser
    network
    presentation
    model
    parser
    network
    presentation
    model
    parser
    network
    presentation
    business logic
    view view view view
    desktop
    web
    iOS
    android

    View Slide

  34. android iOS web desktop
    model
    parser
    network
    presentation
    common
    view view view view
    java/kotlin objective-c/ swift (kotlin) JS supported in jvm

    View Slide

  35. shares application logic
    doesn’t share the application UI
    kotlin
    multiplatform

    View Slide

  36. (advantages)
    - language features
    - kotlin first!
    - low risk
    - you decide what’s worth to share across projects
    - interoperability
    - consistency across platforms
    - strong community support
    Kotlin Multiplatform

    View Slide

  37. first reaction

    View Slide

  38. but how can they expect to communicate?

    View Slide

  39. declared at common module
    expect
    declared at android module
    actual
    declared at iOS module
    declared at …

    View Slide

  40. we want a platform-specific value for name

    View Slide

  41. expect object Platform {
    val name: String
    }
    commonMain
    src/commonMain/sample/Platform.kt

    View Slide

  42. commonMain
    src/commonMain/sample/Platform.kt
    - define actual on android
    - define actual on iOS
    targets: android and iOS
    expect object Platform {
    val name: String
    }

    View Slide

  43. src/iOSMain/sample/Platform.kt
    actual object Platform {
    actual val name: String = "Android"
    }
    actual object Platform {
    actual val name: String = "iOS"
    }
    src/androidMain/sample/Platform.kt
    platform-dependent code

    View Slide

  44. IntelliJ will ask you declare the implementations for actual

    View Slide

  45. *.kt
    common
    expect
    JVM
    actual
    *.kt, *.java, *.jar
    Native
    actual
    *.kt, *C, Swift, Framework
    JS
    actual
    *.kt, *.js, NPM

    View Slide

  46. medium.com/@cafonsomota

    View Slide

  47. show me the code!

    View Slide

  48. demo
    "For a moment, nothing happened. Then, after a second or so, nothing
    continued to happen.”

    View Slide

  49. (optional)
    (or AppCode)
    IDE’s required

    View Slide

  50. src/
    commonMain/
    commonTest/
    app/
    project structure

    View Slide

  51. src/
    commonMain/
    commonTest/
    app/
    project structure

    View Slide

  52. androidMain
    androidTest
    project structure

    src/
    commonMain/
    commonTest/
    app/

    View Slide

  53. project structure


    src/
    commonMain/
    commonTest/
    app/
    androidMain
    androidTest

    View Slide

  54. project structure


    src/
    commonMain/
    commonTest/
    app/
    androidMain
    androidTest
    iosMain/
    iosTest/
    jsMain/
    jsTest/


    View Slide

  55. github.com/cmota/droidconMAD

    View Slide

  56. - user interface
    - RecyclerView and more (Android)
    - UITableViewController and more (iOS)
    - multiple network request
    - parse response objects
    - store on local database
    - notify the UI
    - that there’s new content available to be draw
    - reload list
    project structure

    View Slide

  57. android iOS
    Room CoreData
    Retrofit Alamofire
    GSON/ Moshi JSONSerialization
    MVP, MVVM, MVI MVVM, ELM
    RxJava RxSwift
    Tests Tests
    Activity UIViewController
    RecyclerView UITableView

    View Slide

  58. Room CoreData
    Retrofit Alamofire
    GSON/ Moshi JSONSerialization
    MVP, MVVM, MVI MVVM, ELM
    RxJava RxSwift
    Tests Tests
    Activity UIViewController
    RecyclerView UITableView
    android iOS

    View Slide

  59. Room CoreData
    Retrofit Alamofire
    GSON/ Moshi JSONSerialization
    MVP, MVVM, MVI MVVM, ELM
    RxJava RxSwift
    Tests Tests
    Activity UIViewController
    RecyclerView UITableView
    android iOS
    Activity UIViewController
    RecyclerView UITableView
    unnecessary duplication

    View Slide

  60. SQLDelight
    ktor
    kotlinx.serialization
    MVP
    kotlinx.coroutines
    kotlin.test
    android iOS
    Activity UIViewController
    RecyclerView UITableView

    View Slide

  61. multiplatform
    httpClient
    ktor
    SQLDelight
    android
    kotlinx.serialization
    SQLDriver dispatcher
    view
    presenter
    presenter
    model
    GetSchedule GetSpeakers

    View Slide

  62. multiplatform
    httpClient
    ktor
    SQLDelight
    iOS
    model
    kotlinx.serialization
    GetSchedule GetSpeakers
    SQLDriver dispatcher
    view
    presenter
    presenter

    View Slide

  63. multiplatform
    network
    database
    android
    parser
    presenter
    presenter
    view
    platform
    domain
    specific
    model

    View Slide

  64. class SessionizeAPI(engine: HttpClientEngine) {
    private val client = HttpClient(engine) {
    install(JsonFeature) {
    serializer = KotlinxSerializer()
    }
    }
    suspend fun fetchSpeakers(): List {
    val response = client.get{ url ("$URL")}
    val json = response.readText()
    return Json.parse(SpeakerEntity.serializer().list, json)
    }
    }
    network
    src/commonMain/data/SessionizeAPI.kt
    ktor
    multiplatform
    network
    database
    android
    parser
    view
    platform
    specific
    presenter
    presenter
    domain
    model
    common (shared) code

    View Slide

  65. kotlinx.serialization
    network
    src/commonMain/data/SessionizeAPI.kt
    class SessionizeAPI(engine: HttpClientEngine) {
    private val client = HttpClient(engine) {
    install(JsonFeature) {
    serializer = KotlinxSerializer()
    }
    }
    suspend fun fetchSpeakers(): List {
    val response = client.get{ url ("$URL")}
    val json = response.readText()
    return Json.parse(SpeakerEntity.serializer().list, json)
    }
    }
    multiplatform
    network
    database
    android
    parser
    view
    platform
    specific
    presenter
    presenter
    domain
    model

    View Slide

  66. json response
    [{
    "id": "2bc1e95f-1243-4ad0-8a11-75541fee10e0",
    "firstName": "Carlos",
    "lastName": "Mota",
    "fullName": "Carlos Mota",
    "bio": "… GDG Coimbra organizer and Kotlin evangelist, he also has a
    huge passion for travel, photography, space and the occasional run.",
    "tagLine": "Lead Software Engineer at WIT Software",
    "profilePicture": “https://sessionize.com/imag...7ef8707ae.jpg”,
    "sessions": [{
    "id": 131513,
    "name": "The Hitchhikers Guide Through Kotlin Multiplatform"
    }],

    },…
    https://sessionize.com/api/v2/3hvwlgcc/view/speakers

    View Slide

  67. json response
    [{
    "id": "2bc1e95f-1243-4ad0-8a11-75541fee10e0",
    "firstName": "Carlos",
    "lastName": "Mota",
    "fullName": "Carlos Mota",
    "bio": "… GDG Coimbra organizer and Kotlin evangelist, he also has a
    huge passion for travel, photography, space and the occasional run.",
    "tagLine": "Lead Software Engineer at WIT Software",
    "profilePicture": “https://sessionize.com/imag...7ef8707ae.jpg”,
    "sessions": [{
    "id": 131513,
    "name": "The Hitchhikers Guide Through Kotlin Multiplatform"
    }],

    },…
    https://sessionize.com/api/v2/3hvwlgcc/view/speakers

    View Slide

  68. kotlinx.serialization
    src/commonMain/data/entities/SpeakerEntity.kt multiplatform
    network
    database
    android
    parser
    view
    platform
    specific
    presenter
    presenter
    domain
    model
    parser
    @Serializable
    data class SpeakerEntity (
    val id: String,
    val firstName: String,
    val lastName: String,
    val fullName: String,
    val bio: String,
    val tagLine: String,
    val profilePicture: String,
    val sessions: List,
    val isTopSpeaker: Boolean,
    val links: List,
    val questionAnswers: List,
    val categories: List)

    View Slide

  69. kotlinx.serialization
    src/commonMain/data/entities/SpeakerEntity.kt multiplatform
    network
    database
    android
    parser
    view
    platform
    specific
    presenter
    presenter
    domain
    model
    parser
    @Serializable
    data class SpeakerEntity (
    val id: String,
    val firstName: String,
    val lastName: String,
    val fullName: String,
    val bio: String,
    @SerialName("tagLine") val jobTitle: String,
    val profilePicture: String,
    val sessions: List,
    val isTopSpeaker: Boolean,
    val links: List,
    val questionAnswers: List,
    val categories: List)

    View Slide

  70. database
    CREATE TABLE SpeakerModel (
    id TEXT NOT NULL PRIMARY KEY,
    speaker TEXT as Speaker NOT NULL
    );
    insertOrReplaceSpeaker:
    INSERT OR REPLACE INTO SpeakerModel(id, speaker) VALUES (?, ?);
    selectAllSpeakers:
    SELECT *
    FROM SpeakerModel;
    SQLDelight
    src/commonMain/sqldelight/data/model/SpeakerModel.sq multiplatform
    network
    database
    android
    parser
    view
    platform
    specific
    presenter
    presenter
    domain
    model

    View Slide

  71. database
    SQLite
    SQLDelight
    multiplatform
    network
    database
    android
    parser
    view
    platform
    specific
    presenter
    presenter
    domain
    model

    View Slide

  72. database
    SQLite Compiler Generated code
    SQLDelight
    multiplatform
    network
    database
    android
    parser
    view
    platform
    specific
    presenter
    presenter
    domain
    model

    View Slide

  73. database
    Generated code
    SQLDelight
    multiplatform
    network
    database
    android
    parser
    view
    platform
    specific
    presenter
    presenter
    domain
    model

    View Slide

  74. app/build/sqldelight/ScheduleDb/data/app/ScheduleDbImpl.kt
    database
    class SpeakerModelQueriesImpl(private val db: ScheduleDbImpl,
    private val driver: SqlDriver) :
    TransacterImpl(driver), SpeakerModelQueries {

    override fun insertOrReplaceSpeaker(id: String, speaker: Speaker) {
    driver.execute(2113668020,
    """INSERT OR REPLACE INTO SpeakerModel(id, speaker)
    |VALUES (?1, ?2)""", 2) {
    bindString(1, id)
    bindString(2, db.SpeakerModelAdapter.speakerAdapter.encode(speaker))
    }
    notifyQueries(2113668020, {db.speakerModelQueries.selectAllSpeakers})
    }
    }
    generated class
    SQLDelight
    multiplatform
    network
    database
    android
    parser
    view
    platform
    specific
    presenter
    presenter
    domain
    model

    View Slide

  75. model
    class SpeakerDao(database: ScheduleDb) {
    private val db = database.speakerModelQueries
    internal fun insertOrReplace(speaker: Speaker) {
    db.insertOrReplaceSpeaker(
    id = speaker.id,
    speaker = speaker)
    }
    internal fun getAllSpeakers(): List {
    val data = db.selectAllSpeakers().executeAsList()

    src/commonMain/domain/dao/SpeakerDao.kt multiplatform
    network
    database
    android
    parser
    view
    platform
    specific
    presenter
    presenter
    domain
    model

    View Slide

  76. model
    @Serializable
    data class Speaker (
    val id: String,
    val fullName: String,
    val bio: String,
    val tagLine: String,
    val profilePicture: String,
    val sessions: List,
    val categories: List)
    fun SpeakerEntity.toSpeaker() = Speaker(
    id = id,
    fullName = fullName,
    bio = bio,
    …)
    src/commonMain/domain/model/Speaker.kt multiplatform
    network
    database
    android
    parser
    view
    platform
    specific
    presenter
    presenter
    domain
    model

    View Slide

  77. domain
    class GetSpeakers(val api: SessionizeAPI, val dao: SpeakerDao) {
    suspend operator fun invoke(onSuccess: (List) -> Unit,
    onFailure: (Exception) -> Unit) {
    try {
    val result = api.fetchSpeakers()
    val speakers = Speaker.toSpeaker(result)
    dao.insertOrReplace(speakers)
    coroutineScope {
    onSuccess(speakers)
    }
    } catch (e: Exception) {
    onFailure(e)
    }
    src/commonMain/domain/GetSpeakers.kt multiplatform
    network
    database
    android
    parser
    view
    platform
    specific
    presenter
    presenter
    domain
    model

    View Slide

  78. class SpeakersListPresenter(val speakers: GetSpeakers,
    val coroutineContext: CoroutineContext) {
    lateinit var view: ISpeakersData
    fun attachView(currView: ISpeakersData) {
    view = currView
    fetchSpeakersList()
    }

    presenter
    multiplatform
    network
    database
    android
    parser
    view
    platform
    specific
    presenter
    presenter
    domain
    model
    src/commonMain/presentation/SpeakersListPresenter.kt

    View Slide

  79. class SpeakersListPresenter(val speakers: GetSpeakers,
    val coroutineContext: CoroutineContext) {
    lateinit var view: ISpeakersData
    fun attachView(currView: ISpeakersData) {
    view = currView
    fetchSpeakersList()
    }

    presenter
    multiplatform
    network
    database
    android
    parser
    view
    platform
    specific
    presenter
    presenter
    domain
    model
    src/commonMain/presentation/SpeakersListPresenter.kt
    onCreate()/ viewDidLoad()

    View Slide

  80. class SpeakersListPresenter(val speakers: GetSpeakers,
    val coroutineContext: CoroutineContext) {
    lateinit var view: ISpeakersData
    fun attachView(currView: ISpeakersData) {
    view = currView
    fetchSpeakersList()
    }

    presenter
    multiplatform
    network
    database
    android
    parser
    view
    platform
    specific
    presenter
    presenter
    domain
    model
    src/commonMain/presentation/SpeakersListPresenter.kt

    View Slide

  81. presenter
    multiplatform
    network
    database
    android
    parser
    view
    platform
    specific
    presenter
    presenter
    domain
    model
    src/commonMain/presentation/cb/ISpeakersData.kt
    interface ISpeakersData {
    fun onSpeakersDataFetched(speakers: List)
    fun onSpeakersDataFailed(e: Exception)
    }

    View Slide

  82. class SpeakersListPresenter(val speakers: GetSpeakers,
    val coroutineContext: CoroutineContext) {
    lateinit var view: ISpeakersData
    fun attachView(currView: ISpeakersData) {
    view = currView
    fetchSpeakersList()
    }
    private fun fetchSpeakersList() {
    PresenterCoroutineScope(coroutineContext).launch {
    speakers(
    onSuccess = { view?.onSpeakersDataFetched(it) },
    onFailure = { view?.onSpeakersDataFailed(it) })

    presenter
    multiplatform
    network
    database
    android
    parser
    view
    platform
    specific
    presenter
    presenter
    domain
    model
    src/commonMain/presentation/SpeakersListPresenter.kt

    View Slide

  83. class SpeakersListPresenter(val speakers: GetSpeakers,
    val coroutineContext: CoroutineContext) {
    lateinit var view: ISpeakersData
    fun attachView(currView: ISpeakersData) {
    view = currView
    fetchSpeakersList()
    }
    private fun fetchSpeakersList() {
    PresenterCoroutineScope(coroutineContext).launch {
    speakers(
    onSuccess = { view?.onSpeakersDataFetched(it) },
    onFailure = { view?.onSpeakersDataFailed(it) })

    presenter
    multiplatform
    network
    database
    android
    parser
    view
    platform
    specific
    presenter
    presenter
    domain
    model
    src/commonMain/presentation/SpeakersListPresenter.kt

    View Slide

  84. object ServiceLocator {
    private val sessionizeAPI by lazy {
    SessionizeAPI(PlatformServiceLocator.httpClientEngine)
    }
    private val speakerDao by lazy {
    SpeakerDao(PlatformServiceLocator.databaseEngine)
    }
    private val getSpeakers: GetSpeakers
    get() = GetSpeakers(sessionizeAPI, speakerDao)
    val getSpeakersPresenter: SpeakersListPresenter
    get() = SpeakersPresenter(getSpeakers)

    presenter
    multiplatform
    network
    database
    android
    parser
    view
    platform
    specific
    presenter
    presenter
    domain
    model
    src/commonMain/ServiceLocator.kt

    View Slide

  85. object ServiceLocator {
    private val sessionizeAPI by lazy {
    SessionizeAPI(PlatformServiceLocator.httpClientEngine)
    }
    private val speakerDao by lazy {
    SpeakerDao(PlatformServiceLocator.databaseEngine)
    }
    private val getSpeakers: GetSpeakers
    get() = GetSpeakers(sessionizeAPI, speakerDao)
    val getSpeakersPresenter: SpeakersListPresenter
    get() = SpeakersPresenter(getSpeakers)

    presenter
    multiplatform
    network
    database
    android
    parser
    view
    platform
    specific
    presenter
    presenter
    domain
    model
    src/commonMain/ServiceLocator.kt

    View Slide

  86. object ServiceLocator {
    private val sessionizeAPI by lazy {
    SessionizeAPI(PlatformServiceLocator.httpClientEngine)
    }
    private val speakerDao by lazy {
    SpeakerDao(PlatformServiceLocator.databaseEngine)
    }
    private val getSpeakers: GetSpeakers
    get() = GetSpeakers(sessionizeAPI, speakerDao)
    val getSpeakersPresenter: SpeakersListPresenter
    get() = SpeakersPresenter(getSpeakers)

    presenter
    multiplatform
    network
    database
    android
    parser
    view
    platform
    specific
    presenter
    presenter
    domain
    model
    src/commonMain/ServiceLocator.kt

    View Slide

  87. View Slide

  88. platform specific
    expect object PlatformServiceLocator {
    val httpClientEngine: HttpClientEngine
    val databaseEngine: ScheduleDb
    }
    multiplatform
    network
    database
    android
    parser
    view
    platform
    specific
    presenter
    presenter
    domain
    model
    src/commonMain/PlatformServiceLocator.kt

    View Slide

  89. platform specific
    expect object PlatformServiceLocator {
    val httpClientEngine: HttpClientEngine
    val databaseEngine: ScheduleDb
    }
    multiplatform
    network
    database
    android
    parser
    view
    platform
    specific
    presenter
    presenter
    domain
    model
    src/commonMain/PlatformServiceLocator.kt

    View Slide

  90. platform specific
    expect object PlatformServiceLocator {
    val httpClientEngine: HttpClientEngine
    val databaseEngine: ScheduleDb
    }
    commonMain

    View Slide

  91. platform specific
    expect object PlatformServiceLocator {
    val httpClientEngine: HttpClientEngine
    val databaseEngine: ScheduleDb
    }
    commonMain
    actual object PlatformServiceLocator {
    actual val httpClientEngine: HttpClientEngine by lazy {
    OkHttp.create()
    }
    actual val databaseEngine: SqlDriver by lazy {
    AndroidSqliteDriver(ScheduleDb.Schema, ctx, “app.db")

    androidMain

    View Slide

  92. platform specific
    expect object PlatformServiceLocator {
    val httpClientEngine: HttpClientEngine
    val databaseEngine: ScheduleDb
    }
    commonMain
    actual object PlatformServiceLocator {
    actual val httpClientEngine: HttpClientEngine by lazy {
    OkHttp.create()
    }
    actual val databaseEngine: SqlDriver by lazy {
    AndroidSqliteDriver(ScheduleDb.Schema, ctx, “app.db")

    androidMain
    actual object PlatformServiceLocator {
    actual val httpClientEngine: HttpClientEngine by lazy {
    Ios.create()
    }
    actual val databaseEngine: SqlDriver by lazy {
    NativeSqliteDriver(ScheduleDb.Schema, “app.db")

    iOSMain

    View Slide

  93. platform specific
    expect object PlatformServiceLocator {
    val httpClientEngine: HttpClientEngine
    val databaseEngine: ScheduleDb
    }
    commonMain
    actual object PlatformServiceLocator {
    actual val httpClientEngine: HttpClientEngine by lazy {
    OkHttp.create()
    }
    actual val databaseEngine: SqlDriver by lazy {
    AndroidSqliteDriver(ScheduleDb.Schema, ctx, “app.db")

    androidMain
    actual object PlatformServiceLocator {
    actual val httpClientEngine: HttpClientEngine by lazy {
    Ios.create()
    }
    actual val databaseEngine: SqlDriver by lazy {
    NativeSqliteDriver(ScheduleDb.Schema, “app.db")

    iOSMain

    View Slide

  94. platform specific
    actual object PlatformServiceLocator {
    actual val httpClientEngine: HttpClientEngine by lazy {
    OkHttp.create()
    }
    actual val databaseEngine: SqlDriver by lazy {
    AndroidSqliteDriver(ScheduleDb.Schema, ctx, “app.db")

    androidMain
    actual object PlatformServiceLocator {
    actual val httpClientEngine: HttpClientEngine by lazy {
    Ios.create()
    }
    actual val databaseEngine: SqlDriver by lazy {
    NativeSqliteDriver(ScheduleDb.Schema, “app.db")

    iOSMain
    multiplatform
    network
    database
    android
    parser
    view
    platform
    specific
    presenter
    presenter
    domain
    model

    View Slide

  95. src/commonAndroid/presenter/activities/MainActivity.kt
    android
    class MainActivity : AppCompatActivity(), ISpeakersData {
    val presenter by lazy { ServiceLocator.getSpeakersPresenter }
    override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setContentView(R.layout.activity_main)
    presenter.attachView(this)
    }
    override fun onSpeakersDataFetched(list: List){
    setup(list)

    multiplatform
    network
    database
    android
    parser
    view
    platform
    specific
    presenter
    presenter
    domain
    model

    View Slide

  96. src/commonAndroid/presenter/activities/MainActivity.kt
    android
    class MainActivity : AppCompatActivity(), ISpeakersData {
    val presenter by lazy { ServiceLocator.getSpeakersPresenter }
    override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setContentView(R.layout.activity_main)
    presenter.attachView(this)
    }
    override fun onSpeakersDataFetched(list: List){
    setup(list)

    multiplatform
    network
    database
    android
    parser
    view
    platform
    specific
    presenter
    presenter
    domain
    model

    View Slide

  97. src/commonAndroid/presenter/adapters/SpeakersListAdapter.kt
    android
    multiplatform
    network
    database
    android
    parser
    view
    platform
    specific
    presenter
    presenter
    domain
    model
    override fun onBindViewHolder(viewHolder: SpeakerViewHolder,
    position: Int) {
    val speaker = speakers[position]
    Glide.with(viewHolder.speakerPhoto)
    .load(speaker.profilePicture)
    .apply(RequestOptions.circleCropTransform())
    .into(viewHolder.speakerPhoto)
    viewHolder.speakerName.text = speaker.fullName
    viewHolder.talkTitle.text = speaker.talkTitle
    viewHolder.container.setOnClickListener {
    action.onUserClickAction(speaker, it)
    }
    }

    View Slide

  98. src/commonAndroid/presenter/adapters/SpeakersListAdapter.kt
    android
    override fun onBindViewHolder(viewHolder: SpeakerViewHolder,
    position: Int) {
    val speaker = speakers[position]
    Glide.with(viewHolder.speakerPhoto)
    .load(speaker.profilePicture)
    .apply(RequestOptions.circleCropTransform())
    .into(viewHolder.speakerPhoto)
    viewHolder.speakerName.text = speaker.fullName
    viewHolder.talkTitle.text = speaker.talkTitle
    viewHolder.container.setOnClickListener {
    action.onUserClickAction(speaker, it)
    }
    }
    you can keep using your android libraries
    multiplatform
    network
    database
    android
    parser
    view
    platform
    specific
    presenter
    presenter
    domain
    model

    View Slide

  99. iosApp/iosApp/SpeakerTableViewController.swift
    iOS
    multiplatform
    network
    database
    iOS
    parser
    view
    platform
    specific
    presenter
    presenter
    domain
    model
    class SpeakerTableViewController:
    UITableViewController, ISpeakersData
    lazy var presenter = ServiceLocator.init().getSpeakerPresenter
    override func viewWillAppear(_ animated: Bool) {
    super.viewWillAppear(animated)
    presenter.attachView(view: self)
    }
    func onSpeakersDataFetched(speakers: [Speaker]) {
    setup(speakers)

    View Slide

  100. iosApp/iosApp/SpeakerTableViewController.swift
    iOS
    multiplatform
    network
    database
    iOS
    parser
    view
    platform
    specific
    presenter
    presenter
    domain
    model
    class SpeakerTableViewController:
    UITableViewController, ISpeakersData {
    lazy var presenter = ServiceLocator.init().getSpeakersPresenter
    override func viewWillAppear(_ animated: Bool) {
    super.viewWillAppear(animated)
    presenter.attachView(view: self)
    }
    func onSpeakersDataFetched(speakers: [Speaker]) {
    setup(speakers)

    View Slide

  101. iosApp/iosApp/SpeakerTableViewController.swift
    iOS
    multiplatform
    network
    database
    iOS
    parser
    view
    platform
    specific
    presenter
    presenter
    domain
    model
    override func tableView(_ tableView: UITableView, cellForRowAt
    indexPath: IndexPath) -> UITableViewCell {
    let cellIdentifier = "SpeakerTableViewCell"
    let cell = tableView.dequeueReusableCell(withIdentifier:
    cellIdentifier, for: indexPath) as SpeakerTableViewCell
    let speaker = speakers[indexPath.row]
    cell.talkName.text = speaker.talkTitle
    cell.speakerName.text = speaker.fullName
    cell.speakerImage.image = speaker.profilePicture
    return cell
    }

    View Slide

  102. how much sharing?
    what makes sense for your app
    kotlin
    multiplatform

    View Slide

  103. conclusions
    don’t forget to bring your own towel.

    View Slide

  104. team structure
    Kotlin Multiplatform
    android iOS

    View Slide

  105. team structure
    Kotlin Multiplatform
    android iOS
    mobile backend
    documentation
    tests
    clean API

    View Slide

  106. (impressions)
    Kotlin Multiplatform
    I could just focus on doing what I know best - UI. I have
    no idea how things are being done in the backend, yet I
    know that when I ask for data I receive it.
    - iOS Developer

    View Slide

  107. - it’s in experimental state
    - although there are projects in production
    - Space was announced during Kotlin Conf 19 (web, desktop and mobile)
    - you can spend some time resolving compilation issues
    - specially if you try to target all platforms
    - not possible to debug kotlin from Xcode
    - plugin for Xcode from TouchLab/ support mentioned on Kotlin Conf 19
    - lookout for plugins/ libraries updates
    (in progress)
    Kotlin Multiplatform

    View Slide

  108. - strong community
    - a lot of people are using kotlin nowadays
    - Google and JetBrains are pushing Kotlin in
    - you can ask questions directly on https://kotlinlang.slack.com
    - 2x faster to develop your features business logic
    - 2x faster writing unit tests
    - one tech stack
    - consistency across platforms
    (conclusions)
    Kotlin Multiplatform

    View Slide

  109. - be extremely careful with all updates
    - IDEA, jdk, kotlin, libraries - everything.
    - start small, don’t try to reach 100% of shared logic
    - keep versioning in mind
    - remember that’s still on experimental state
    (suggestions)
    Kotlin Multiplatform

    View Slide

  110. - Kotlin Slack
    - Kotlin Official
    - Kotlin Training
    - Kotlin by:
    https://jakewharton.com/presentations/
    http://antonioleiva.com/kotlin
    - Kotlin Conf 2019 videos
    https://www.youtube.com/watch?v=0xKTM0A8gdI
    (useful links)
    more information

    View Slide

  111. @cafonsomota
    so long and thanks for all the fish
    medium.com/@cafonsomota
    github.com/cmota/droidconGC

    View Slide