React Tutorial example in Kotlin

An implementation of the React Tutorial using Kotlin.

See related Medium article.

This project uses JetBrain official Kotlin React and Kotlin React DOM wrappers.

Sections of the tutorial are listed below (only the ones that link to tutorial code). Each section contains:

• Tutorial: A link to the react tutorial section
• JavaScript Code: A link to source code from the tutorial, hosted at codepen.io
• Kotlin Code: Link to the corresponding commit in this project for the equivalent code

Overview

Getting Started

Tutorial / JavaScript Code / Kotlin Code

Passing Data Through Props

Tutorial / JavaScript Code / Kotlin Code

An Interactive Component

Tutorial / JavaScript Code / Kotlin Code

Lifting State Up

Tutorial / JavaScript Code 1 / Kotlin Code 1 / JavaScript Code 2 / Kotlin Code 2

Functional Components

Tutorial / JavaScript Code / Kotlin Code

Taking Turns

Tutorial / JavaScript Code / Kotlin Code

Declaring a Winner

Tutorial / JavaScript Code / Kotlin Code

Storing A History

Tutorial / JavaScript Code / Kotlin Code

Showing the Moves

Tutorial / JavaScript Code / Kotlin Code

Implementing Time Travel

Tutorial / JavaScript Code 1 / Kotlin Code 1 / JavaScript Code 2 / Kotlin Code 2