The document summarizes a presentation given by Sergey Shkredov at JetBrains Open Day in Moscow about Kotlin full-stack development. It discusses Kotlin capabilities for both server-side development using technologies like KTOR and client-side using React Native or Kotlin/JS. It also covers multi-platform projects which allow sharing code across JVM and JS platforms and considerations for architecture including APIs, client state, and tools for Kotlin/JS development.

1. Sergey Shkredov,
Team Lead
19:45 - Kotlin Full-Stack
—
JetBrains Open Day
Moscow

2. 11 years at JetBrains
Circlet
Rider
.NET R#

3. Full-Stack
Server:
• Exposed
• KTOR
• Elastic
• Redis
Web:
• React
IDEA:
• Swing
Android:
• Kotlin
IOS:
• React native
More:
• Desktop
• iOS

4. Kotlin JS
• JS Generator
• Kotlin stdlib for js
• DOM api
• Platform interop (dynamic, annotations, external)
• js(“”)
• CommonJS/AMD/UMD

5. Kotlin JS - require

6. Kotlin JS - @JsModule

7. Kotlin JS - @JsModule

8. Kotlin JS - external

9. Kotlin JS - dynamic

10. KT vs TS

11. Multi Platform Projects
COMMON
JS
JVM

12. Before MPP
COMMON
JS
COMMON
JVM
JS JVM

13. MPP
SHARED
JS
JVM

14. MPP
SHARED
JS

15. MPP
SHARED
JS
B
A

16. MPP
SHARED
JS
B
A
D
C

17. MPP
SHARED
JS
B
A
actual fun foo() {}
expect fun foo()

18. MPP

19. MPP

20. MPP
• Native platforms
• More specific JVM and JS platforms
• Cross platform libraries

21. MPP Libs
• Serialization
• Http client
• Dates
• Coroutines
• ??

22. Architecture
API
Server client-view-model
app-web app-android

23. API
• RMI vs RPC
• Live updates
• Optimistic updates
• Data query (graph QL)
• Http fallback
• Caching

24. API
• Interface based
• Event sourcing
• Object updates steaming
• Specialised APIes
• Transport level caching

25. Client state
• Web is different
• React vs MVVM

26. Kotlin JS
• kotlin-frontend-plugin
• kotlin-dce-js
• create-kotlin-react-app
• ts2kt

27. Thank you!
—
JetBrains Open Day
Moscow