Kotlin Multiplatform más allá del móvil: Backend, Web y Escritorio

Kotlin Multiplatform ha demostrado ser una herramienta poderosa para el desarrollo móvil, pero sus capacidades van mucho más allá. En esta charla, exploraremos cómo Kotlin Multiplatform está transformando el desarrollo de software al permitir la reutilización de código en backend, web y aplicaciones de escritorio.

Comenzaremos con una visión general de cómo Kotlin Multiplatform facilita la creación de aplicaciones verdaderamente multiplataforma, compartiendo lógica de negocio y reduciendo la duplicación de código. A continuación, profundizaremos en casos de uso específicos para cada plataforma.

Descubre cómo Kotlin Multiplatform puede expandir tus horizontes de desarrollo, permitiéndote crear aplicaciones robustas y eficientes que operan sin problemas en múltiples plataformas.

Transcript

1. Kotlin Multiplatform Más allá del móvil Antonio Leiva (Formador, GDE Android, Partner JetBrains)
2. 📅 Agenda
3. 📅 Agenda 1. ­ 🤔 ¿Qué es Kotlin Multiplatform?
4. 📅 Agenda 1. ­ 🤔 ¿Qué es Kotlin Multiplatform? 2. ­ 🌐 Más allá del móvil: Web, Desktop y Backend
5. 📅 Agenda 1. ­ 🤔 ¿Qué es Kotlin Multiplatform? 2. ­ 🌐 Más allá del móvil: Web, Desktop y Backend 3. ­ 📚 Ecosistema de Librerías
6. 📅 Agenda 1. ­ 🤔 ¿Qué es Kotlin Multiplatform? 2. ­ 🌐 Más allá del móvil: Web, Desktop y Backend 3. ­ 📚 Ecosistema de Librerías 4. ­ 🚀 Demo y Conclusiones
7. 🤔 1. ¿Qué es Kotlin Multiplatform? Permite escribir código en Kotlin para múltiples plataformas Cada target puede tener su propia implementación Decidimos hasta dónde vamos a compartir el código
8. 🤔 1. ¿Qué es Kotlin Multiplatform? https://www.jetbrains.com/kotlin-multiplatform/
9. 🤔 1. ¿Qué es Kotlin Multiplatform? Targets soportados: JVM / Android Native (iOS, macOS, Linux, Windows, etc.) JS / WASM (Browser, Node.js)
10. 🤔 1. ¿Qué es Kotlin Multiplatform? // Common expect class PlatformConfiguration { fun getPlatformName(): String } // Android actual class PlatformConfiguration { actual fun getPlatformName(): String = "Android" } // iOS actual class PlatformConfiguration { actual fun getPlatformName(): String = "iOS" }
11. 🌐 2. Más allá del móvil: Web, Desktop y Backend
13. 🌐 2. Más allá del móvil: Web, Desktop y Backend 2.1. 🌐 Web 2.2 💻 Desktop 2.3 📦 Backend
14. 🌐 2.1 Web con Kotlin Multiplatform
15. 🌐 2.1 Web con Kotlin Multiplatform ¿Qué es Kotlin/JS?
16. 🌐 2.1 Web con Kotlin Multiplatform ¿Qué es Kotlin/JS? ­ Transpila código Kotlin a JavaScript
17. 🌐 2.1 Web con Kotlin Multiplatform ¿Qué es Kotlin/JS? ­ Transpila código Kotlin a JavaScript ­ Permite usar Kotlin en navegadores web
18. 🌐 2.1 Web con Kotlin Multiplatform ¿Qué es Kotlin/JS? ­ Transpila código Kotlin a JavaScript ­ Permite usar Kotlin en navegadores web ­ Interoperabilidad con librerías JavaScript existentes
19. 🌐 2.1 Web con Kotlin Multiplatform Ventajas:
20. 🌐 2.1 Web con Kotlin Multiplatform Ventajas: ­ Tipos estáticos y null-safety
21. 🌐 2.1 Web con Kotlin Multiplatform Ventajas: ­ Tipos estáticos y null-safety ­ Corrutinas para asincronía
22. 🌐 2.1 Web con Kotlin Multiplatform Ventajas: ­ Tipos estáticos y null-safety ­ Corrutinas para asincronía ­ DSLs para HTML y CSS
23. 🌐 2.1 Web con Kotlin Multiplatform Ventajas: ­ Tipos estáticos y null-safety ­ Corrutinas para asincronía ­ DSLs para HTML y CSS ­ Acceso al DOM tipado
24. 🌐 2.1 Web con Kotlin Multiplatform Ventajas: ­ Tipos estáticos y null-safety ­ Corrutinas para asincronía ­ DSLs para HTML y CSS ­ Acceso al DOM tipado ­ Dependencias de Node (con npm)
25. 🌐 2.1 Web con Kotlin Multiplatform import kotlinx.browser.document fun main() { document .getElementById("my-element") ?.textContent = "Hello, Kotlin/JS!" val email = document.getElementById("email") as HTMLInputElement email.value = "hadi@jetbrains.com" }
26. 🌐 2.1 Web con Kotlin Multiplatform Entornos de ejecución:
27. 🌐 2.1 Web con Kotlin Multiplatform Entornos de ejecución: ­ Browser: para desarrollo de clientes web
28. 🌐 2.1 Web con Kotlin Multiplatform Entornos de ejecución: ­ Browser: para desarrollo de clientes web ­ Node.js: para ejecutar código JavaScript fuera del navegador
29. 🌐 2.1 Web con Kotlin Multiplatform kotlin { js { browser { // Configuración para navegador } nodejs { // Configuración para Node.js } } }
30. 🌐 2.1 Web con Kotlin Multiplatform Interoperabilidad con JavaScript:
31. 🌐 2.1 Web con Kotlin Multiplatform Interoperabilidad con JavaScript: ­ Uso de js() para código JavaScript directo
32. 🌐 2.1 Web con Kotlin Multiplatform Interoperabilidad con JavaScript: ­ Uso de js() para código JavaScript directo ­ Modificador external para APIs nativas
33. 🌐 2.1 Web con Kotlin Multiplatform Interoperabilidad con JavaScript: ­ Uso de js() para código JavaScript directo ­ Modificador external para APIs nativas ­ Tipo dynamic para sistemas no tipados
34. 🌐 2.1 Web con Kotlin Multiplatform external fun alert(message: Any?): Unit external class Node { val firstChild: Node fun append(child: Node): Node fun removeChild(child: Node): Node } external val window: Window
35. 🌐 2.1 Web con Kotlin Multiplatform Kotlin/WASM (Alpha)
36. 🌐 2.1 Web con Kotlin Multiplatform Kotlin/WASM (Alpha) ­ Nuevo target para WebAssembly
37. 🌐 2.1 Web con Kotlin Multiplatform Kotlin/WASM (Alpha) ­ Nuevo target para WebAssembly ­ Soporte para Compose Multiplatform
38. 🌐 2.1 Web con Kotlin Multiplatform Kotlin/WASM (Alpha) ­ Nuevo target para WebAssembly ­ Soporte para Compose Multiplatform ­ Reutilización de código entre plataformas
39. 🌐 2.1 Web con Kotlin Multiplatform
40. 💻 2.2 Desktop con Kotlin Multiplatform
41. 💻 2.2 Desktop con Kotlin Multiplatform Targets soportados: Framework principal:
42. 💻 2.2 Desktop con Kotlin Multiplatform Targets soportados: Framework principal: ­ Windows (x64)
43. 💻 2.2 Desktop con Kotlin Multiplatform Targets soportados: Framework principal: ­ Windows (x64) ­ macOS (x64, arm64)
44. 💻 2.2 Desktop con Kotlin Multiplatform Targets soportados: Framework principal: ­ Windows (x64) ­ macOS (x64, arm64) ­ Linux (x64, arm64)
45. 💻 2.2 Desktop con Kotlin Multiplatform Targets soportados: Framework principal: ­ Windows (x64) ­ macOS (x64, arm64) ­ Linux (x64, arm64) ­ Compose Multiplatform
46. 💻 2.2 Desktop con Kotlin Multiplatform Compose Multiplatform
47. 💻 2.2 Desktop con Kotlin Multiplatform Compose Multiplatform ­ UI declarativa moderna
48. 💻 2.2 Desktop con Kotlin Multiplatform Compose Multiplatform ­ UI declarativa moderna ­ Compartir código con Android/iOS
49. 💻 2.2 Desktop con Kotlin Multiplatform Compose Multiplatform ­ UI declarativa moderna ­ Compartir código con Android/iOS ­ Material Design 3
50. 💻 2.2 Desktop con Kotlin Multiplatform Compose Multiplatform ­ UI declarativa moderna ­ Compartir código con Android/iOS ­ Material Design 3 ­ Hot Reload
51. 💻 2.2 Desktop con Kotlin Multiplatform Compose Multiplatform ­ UI declarativa moderna ­ Compartir código con Android/iOS ­ Material Design 3 ­ Hot Reload ­ Soporte multiplataforma
52. 💻 2.2 Desktop con Kotlin Multiplatform Compose Multiplatform ­ UI declarativa moderna ­ Compartir código con Android/iOS ­ Material Design 3 ­ Hot Reload ­ Soporte multiplataforma ­ Desarrollado por JetBrains
53. 💻 2.2 Desktop con Kotlin Multiplatform Características de Compose Desktop:
54. 💻 2.2 Desktop con Kotlin Multiplatform Características de Compose Desktop: ­ Acceso al sistema de archivos
55. 💻 2.2 Desktop con Kotlin Multiplatform Características de Compose Desktop: ­ Acceso al sistema de archivos ­ Integración con el sistema operativo
56. 💻 2.2 Desktop con Kotlin Multiplatform Características de Compose Desktop: ­ Acceso al sistema de archivos ­ Integración con el sistema operativo ­ Soporte para múltiples ventanas
57. 💻 2.2 Desktop con Kotlin Multiplatform Características de Compose Desktop: ­ Acceso al sistema de archivos ­ Integración con el sistema operativo ­ Soporte para múltiples ventanas ­ Menús y barras de herramientas
58. 💻 2.2 Desktop con Kotlin Multiplatform Características de Compose Desktop: ­ Acceso al sistema de archivos ­ Integración con el sistema operativo ­ Soporte para múltiples ventanas ­ Menús y barras de herramientas ­ Drag & Drop
59. 💻 2.2 Desktop con Kotlin Multiplatform Características de Compose Desktop: ­ Acceso al sistema de archivos ­ Integración con el sistema operativo ­ Soporte para múltiples ventanas ­ Menús y barras de herramientas ­ Drag & Drop ­ Componentes nativos
60. 💻 2.2 Desktop con Kotlin Multiplatform Herramientas de desarrollo:
61. 💻 2.2 Desktop con Kotlin Multiplatform Herramientas de desarrollo: ­ IntelliJ IDEA / Android Studio
62. 💻 2.2 Desktop con Kotlin Multiplatform Herramientas de desarrollo: ­ IntelliJ IDEA / Android Studio ­ Gradle para la construcción
63. 💻 2.2 Desktop con Kotlin Multiplatform Herramientas de desarrollo: ­ IntelliJ IDEA / Android Studio ­ Gradle para la construcción ­ Empaquetado con jpackage
64. 💻 2.2 Desktop con Kotlin Multiplatform Herramientas de desarrollo: ­ IntelliJ IDEA / Android Studio ­ Gradle para la construcción ­ Empaquetado con jpackage ­ Distribución multiplataforma
65. 💻 2.2 Desktop con Kotlin Multiplatform Herramientas de desarrollo: ­ IntelliJ IDEA / Android Studio ­ Gradle para la construcción ­ Empaquetado con jpackage ­ Distribución multiplataforma ­ Actualizaciones automáticas
66. 💻 2.2 Desktop con Kotlin Multiplatform Herramientas de desarrollo: ­ IntelliJ IDEA / Android Studio ­ Gradle para la construcción ­ Empaquetado con jpackage ­ Distribución multiplataforma ­ Actualizaciones automáticas ­ Preview de componentes
67. 📦 2.3 Backend con Kotlin Multiplatform
68. 📦 2.3 Backend con Kotlin Multiplatform Targets soportados: Frameworks principales:
70. 📦 2.3 Backend con Kotlin Multiplatform Targets soportados: Frameworks principales: ­ JVM (Java 8+)
72. 📦 2.3 Backend con Kotlin Multiplatform Targets soportados: Frameworks principales: ­ JVM (Java 8+) ­ Native (Linux, macOS, Windows)
74. 📦 2.3 Backend con Kotlin Multiplatform Targets soportados: Frameworks principales: ­ JVM (Java 8+) ­ Native (Linux, macOS, Windows) ­ Node.js (con Kotlin/JS)
76. 📦 2.3 Backend con Kotlin Multiplatform Targets soportados: Frameworks principales: ­ JVM (Java 8+) ­ Native (Linux, macOS, Windows) ­ Node.js (con Kotlin/JS) ­ Ktor
78. 📦 2.3 Backend con Kotlin Multiplatform Targets soportados: Frameworks principales: ­ JVM (Java 8+) ­ Native (Linux, macOS, Windows) ­ Node.js (con Kotlin/JS) ­ Ktor ­ Spring Boot
80. 📦 2.3 Backend con Kotlin Multiplatform Targets soportados: Frameworks principales: ­ JVM (Java 8+) ­ Native (Linux, macOS, Windows) ­ Node.js (con Kotlin/JS) ­ Ktor ­ Spring Boot
81. ­ Node.js
82. 📦 2.3 Backend con Kotlin Multiplatform Ventaja clave: Compartir modelos
83. 📦 2.3 Backend con Kotlin Multiplatform Ventaja clave: Compartir modelos ­ Mismos modelos en backend y cliente
84. 📦 2.3 Backend con Kotlin Multiplatform Ventaja clave: Compartir modelos ­ Mismos modelos en backend y cliente ­ Validación consistente
85. 📦 2.3 Backend con Kotlin Multiplatform Ventaja clave: Compartir modelos ­ Mismos modelos en backend y cliente ­ Validación consistente ­ Serialización/deserialización unificada
86. 📦 2.3 Backend con Kotlin Multiplatform Ventaja clave: Compartir modelos ­ Mismos modelos en backend y cliente ­ Validación consistente ­ Serialización/deserialización unificada ­ Tipado fuerte en toda la aplicación
87. 📦 2.3 Backend con Kotlin Multiplatform Ventaja clave: Compartir modelos ­ Mismos modelos en backend y cliente ­ Validación consistente ­ Serialización/deserialización unificada ­ Tipado fuerte en toda la aplicación ­ Menos errores en tiempo de ejecución
88. 📦 2.3 Backend con Kotlin Multiplatform Ventaja clave: Compartir modelos ­ Mismos modelos en backend y cliente ­ Validación consistente ­ Serialización/deserialización unificada ­ Tipado fuerte en toda la aplicación ­ Menos errores en tiempo de ejecución ­ Mantenimiento simplificado
89. 📦 2.3 Backend con Kotlin Multiplatform // commonMain/kotlin/models/User.kt data class User( val id: String, val name: String, val email: String, val role: UserRole ) enum class UserRole { ADMIN, USER, GUEST } // Compartido entre backend y clientes
90. 📦 2.3 Backend con Kotlin Multiplatform Ktor
91. 📦 2.3 Backend con Kotlin Multiplatform Ktor ­ Framework ligero y asíncrono
92. 📦 2.3 Backend con Kotlin Multiplatform Ktor ­ Framework ligero y asíncrono ­ Desarrollado por JetBrains
93. 📦 2.3 Backend con Kotlin Multiplatform Ktor ­ Framework ligero y asíncrono ­ Desarrollado por JetBrains ­ Soporte multiplataforma nativo
94. 📦 2.3 Backend con Kotlin Multiplatform Ktor ­ Framework ligero y asíncrono ­ Desarrollado por JetBrains ­ Soporte multiplataforma nativo ­ Corrutinas y Flow
95. 📦 2.3 Backend con Kotlin Multiplatform Ktor ­ Framework ligero y asíncrono ­ Desarrollado por JetBrains ­ Soporte multiplataforma nativo ­ Corrutinas y Flow ­ Plugins modulares
96. 📦 2.3 Backend con Kotlin Multiplatform Ktor ­ Framework ligero y asíncrono ­ Desarrollado por JetBrains ­ Soporte multiplataforma nativo ­ Corrutinas y Flow ­ Plugins modulares ­ Testing integrado
97. 📦 2.3 Backend con Kotlin Multiplatform fun main() { embeddedServer(Netty, port = 8080) { routing { get("/") { call.respondText("Hello KMP Backend!") } } }.start(wait = true) }
98. 📦 2.3 Backend con Kotlin Multiplatform Spring Boot
99. 📦 2.3 Backend con Kotlin Multiplatform Spring Boot ­ Framework maduro y estable
100. 📦 2.3 Backend con Kotlin Multiplatform Spring Boot ­ Framework maduro y estable ­ Gran ecosistema
101. 📦 2.3 Backend con Kotlin Multiplatform Spring Boot ­ Framework maduro y estable ­ Gran ecosistema ­ Soporte para Kotlin
102. 📦 2.3 Backend con Kotlin Multiplatform Spring Boot ­ Framework maduro y estable ­ Gran ecosistema ­ Soporte para Kotlin ­ Integración con Spring Cloud
103. 📦 2.3 Backend con Kotlin Multiplatform Spring Boot ­ Framework maduro y estable ­ Gran ecosistema ­ Soporte para Kotlin ­ Integración con Spring Cloud ­ Testing robusto
104. 📦 2.3 Backend con Kotlin Multiplatform Spring Boot ­ Framework maduro y estable ­ Gran ecosistema ­ Soporte para Kotlin ­ Integración con Spring Cloud ­ Testing robusto ­ Documentación extensa
105. 📦 2.3 Backend con Kotlin Multiplatform @SpringBootApplication class Application fun main(args: Array<String>) { runApplication<Application>(*args) } @RestController class Controller { @GetMapping("/") fun hello() = "Hello KMP Backend!" }
106. 📦 2.3 Backend con Kotlin Multiplatform Node.js con Kotlin/JS
107. 📦 2.3 Backend con Kotlin Multiplatform Node.js con Kotlin/JS ­ Backend JavaScript moderno
108. 📦 2.3 Backend con Kotlin Multiplatform Node.js con Kotlin/JS ­ Backend JavaScript moderno ­ Interoperabilidad con npm
109. 📦 2.3 Backend con Kotlin Multiplatform Node.js con Kotlin/JS ­ Backend JavaScript moderno ­ Interoperabilidad con npm ­ Ecosistema JavaScript completo
110. 📦 2.3 Backend con Kotlin Multiplatform Node.js con Kotlin/JS ­ Backend JavaScript moderno ­ Interoperabilidad con npm ­ Ecosistema JavaScript completo ­ Despliegue en Vercel, Netlify, etc.
111. 📦 2.3 Backend con Kotlin Multiplatform Node.js con Kotlin/JS ­ Backend JavaScript moderno ­ Interoperabilidad con npm ­ Ecosistema JavaScript completo ­ Despliegue en Vercel, Netlify, etc. ­ Serverless functions
112. 📚 3. Ecosistema de Librerías
113. 📚 3. Ecosistema de Librerías ­ UI
114. 📚 3. Ecosistema de Librerías ­ UI ­ Architectura de UI
115. 📚 3. Ecosistema de Librerías ­ UI ­ Architectura de UI ­ Networking
116. 📚 3. Ecosistema de Librerías ­ UI ­ Architectura de UI ­ Networking ­ Serialización
117. 📚 3. Ecosistema de Librerías Asincronía
118. 📚 3. Ecosistema de Librerías Asincronía ­ Carga de imágenes
119. 📚 3. Ecosistema de Librerías Asincronía ­ Carga de imágenes ­ Persistencia local
120. 📚 3. Ecosistema de Librerías Asincronía ­ Carga de imágenes ­ Persistencia local ­ Inyección de dependencias
121. 📚 3. Ecosistema de Librerías Asincronía ­ Carga de imágenes ­ Persistencia local ­ Inyección de dependencias ­ Testing
122. 📚 3. Ecosistema de Librerías UI:
123. 📚 3. Ecosistema de Librerías UI: ­ Compose: UI declarativa para Android, que ahora también soporta Desktop, iOS (beta) y Web (alpha)
124. 📚 3. Ecosistema de Librerías UI: ­ Compose: UI declarativa para Android, que ahora también soporta Desktop, iOS (beta) y Web (alpha) ­ UIs nativas: Podemos compartir lógica de aplicación, e implementar vistas nativas
126. 📚 3. Ecosistema de Librerías Arquitectura de UI:
127. 📚 3. Ecosistema de Librerías Arquitectura de UI: ­ ViewModels de Architecture Components: Patrón MVVM Mismo código que se usa en Android Navegación con Navigation Compose
128. 📚 3. Ecosistema de Librerías Arquitectura de UI: ­ ViewModels de Architecture Components: Patrón MVVM Mismo código que se usa en Android Navegación con Navigation Compose ­ Voyager: Navegación para Compose También ofrece ViewModels
129. 📚 3. Ecosistema de Librerías Arquitectura de UI: ViewModels de Architecture Components: Voyager: Decompose: Patrón BLoC Funciona con UIs nativas
130. 📚 3. Ecosistema de Librerías Networking:
131. 📚 3. Ecosistema de Librerías Networking: ­ Ktor Client: Cliente HTTP Soporta corrutinas
132. 📚 3. Ecosistema de Librerías Networking: ­ Ktor Client: Cliente HTTP Soporta corrutinas ­ Ktorfit: Wrapper sobre ktor Similar a Retrofit para Android
133. 📚 3. Ecosistema de Librerías Serialización:
134. 📚 3. Ecosistema de Librerías Serialización: ­ Kotlinx Serialization: Serialización/deserialización de datos Soporta distintos formatos Se integra con Ktor
135. 📚 3. Ecosistema de Librerías Asincronía:
136. 📚 3. Ecosistema de Librerías Asincronía: ­ Corrutinas: Soporte para programación asíncrona Todo el API es multiplataforma Flows para manejar eventos asíncronos
137. 📚 3. Ecosistema de Librerías Carga de imágenes:
138. 📚 3. Ecosistema de Librerías Carga de imágenes: ­ Coil: Carga de imágenes en CMP Soporte para Web Multiplataforma
139. 📚 3. Ecosistema de Librerías Carga de imágenes: ­ Coil: Carga de imágenes en CMP Soporte para Web Multiplataforma ­ Kamel: Alternativa a Coil La primera para CMP
140. 📚 3. Ecosistema de Librerías Persistencia local:
141. 📚 3. Ecosistema de Librerías Persistencia local: ­ SQLDelight: ORM para SQLite Más popular
142. 📚 3. Ecosistema de Librerías Persistencia local: ­ SQLDelight: ORM para SQLite Más popular ­ Room: La de Android, ahora para KMP Soporte en 2.7.0 (actualmente en RC03)
143. 📚 3. Ecosistema de Librerías Persistencia local: DataStore: Almacenamiento de preferencias Adaptado de Android
144. 📚 3. Ecosistema de Librerías Persistencia local: DataStore: Almacenamiento de preferencias Adaptado de Android ­ KStore: Almacenamiento en ficheros JSON Soporte para WASM
145. 📚 3. Ecosistema de Librerías Inyección de dependencias:
146. 📚 3. Ecosistema de Librerías Inyección de dependencias: ­ Koin: Se está convirtiendo en estándar Multiplataforma Muy fácil de usar
147. 📚 3. Ecosistema de Librerías Inyección de dependencias: ­ Koin: Se está convirtiendo en estándar Multiplataforma Muy fácil de usar ­ Kodein: Alternativa a Koin API muy similar
148. 📚 3. Ecosistema de Librerías Testing:
149. 📚 3. Ecosistema de Librerías Testing: ­ kotlinx.text: Desarrollar tests una vez Reutilizar en todas las plataformas
150. 📚 3. Ecosistema de Librerías Testing: ­ kotlinx.text: Desarrollar tests una vez Reutilizar en todas las plataformas ­ Kotest: Framework de testing Librería propia de Assertions Property testing
151. 📚 3. Ecosistema de Librerías Testing: ­ kotlinx.text: Desarrollar tests una vez Reutilizar en todas las plataformas ­ Kotest: Framework de testing Librería propia de Assertions Property testing ­ Mokkery: Mocking framework
152. 🚀 4. Demo y Conclusiones Momento demo 💣
153. 🙋‍♀️🙋‍♂️ ¿Preguntas? 🌐 🎥 🐦 🦋 https://devexpert.io @devexpert_io @devexpert_io @antonioleiva.com