Kotlin is a programming language developed by JetBrains as an alternative to Java that runs on the JVM and JavaScript. Google announced support for Kotlin at I/O 2017. JetBrains expanded Kotlin to allow multiplatform development across platforms like native, JVM, and JavaScript. This allows writing code once that runs on different platforms. Tools like create-react-kotlin-app allow building React apps with Kotlin by mapping React concepts like components, props, and state to Kotlin equivalents.

1. ❤
Mobile Developer @ Event Pop
Christopher Ng (Babe)
Admin @ Thailand Kotlin Developer

2. Brief history
of otlin
JetBrains invented Kotlin since 2011

3. A better language than Java

6. Google I/O 2017

7. JetBrains expand their empire
Kotlin/Native Kotlin JS

8. Kotlin can run on
anything
But still frustrated

9. Kotlin
Multiplatform
All in one place

10. Common
NativeJVM
JS
Stdlib
Stdlib
Stdlib
Stdlib

11. Multiplatform Showcase - Kotlinconf app
https://github.com/JetBrains/kotlinconf-app

12. What about React???

13. Many Kotlin developers
love React
They try so hard to create React app with Kotlin

16. Kotlin 1.1 Event (early 2017)
https://www.youtube.com/watch?v=QQKdFFRqamg

17. Kotlin React Wrapper
https://github.com/JetBrains/kotlin-wrappers
- kotlin-css
- kotlin-react
- kotlin-react-router-dom
- kotlin-styles
- kotlin-mocha

18. create-react-kotlin-app
Official tool
https://github.com/JetBrains/create-react-kotlin-app

19. npm i -g create-react-kotlin-app

20. React to Kotlin
React
React.Component
props
state
RBuilder
RBuilder.RComponent
RProps
RState

21. React to Kotlin
<div>
Hello {this.props.name}
</div>
div {
+"Hello ${props.name}"
}

22. React to Kotlin
class Hello extends React.Component {
render() {
return (
<div>Hello {this.props.name}</div>
);
}
}
class Hello :
RBuilder.RComponent<RProps, RState>(){
override fun RBuilder.render() {
div { +"Hello ${props.name}" }
)
}
}