How to Build a React App in Kotlin
summary
Shows how to port a React workflow into Kotlin using create-react-kotlin-app and Kotlin's JS interop to build a live Blackjack demo with player and dealer hands, arrays of cards, and buttons that perform deal hit and stay by updating component state. Uses Kotlin DSL/typesafe builders to write JSX‑like HTML as lambdas, demonstrates class (stateful) components, passing event handler interfaces down as callbacks, notes style is passed as JS objects not yet fully typesafe, and the demo runs with hot reload.
AI-written summary · about
chapters (25)
- 0:00Intro
- 0:32Questions
- 1:30Templates
- 6:06React Kotlin
- 6:42What is React
- 7:25Components
- 11:39Crate React
- 12:58Render React
- 13:49lambdas
- 14:55hello world
- 17:42webpack magic
- 18:26div
- 19:06attributes
- 23:46UI Components
- 24:52UI Functions
- 26:49Hand UI
- 27:58React Builder
- 29:10Adding CSS
- 32:14Adding game
- 33:16Fixing hand
- 33:55Adding interactivity
- 35:59Class components
- 39:16State
- 41:28Button
- 44:12Event Handler
related talks
39mA TypeScript Fan's KotlinJS Adventures
11mReact with Blackjack and Hooks
47mBuilding a full-stack application in Kotlin
09m100% Kotlin Frontend
40mCreating Full-stack Web Apps with Kotlin DSLs
41mKotlin for the JVM and beyond
33mUsing Kotlin for JS Client and JVM Server
57mBuilding dynamic web apps with Kotlin, WebComponents and Htmx