Simple Kotlin-React-App Sample

The technologies used in this example

Kotlin + React => To build the reactjs

Bulma + FontAwesome => To leverage its CSS / fonts to build menu/tab/styles.

Examples

Black-Jack(Fake Game)

Below 5 have been adopted as Kotlin Wrapper formal examples since Nov, 2017

1. To-do list example

2. Tic-Tac-Toe example

3. A port of "Thinking in React" example

4. An example of using axios to fetch remote data. It also demonstrates how to add typings for an external library.

5. An example of using Quill that shows how to use an external React component.

Follow these examples to learn how to start developing your React apps with Kotlin. Good luck and have fun!

Example Pictures

How to start a normal Kotlin-React-App:

Install

npm install -g create-react-kotlin-app

Create App

create-react-kotlin-app my-kotlin-app

cd my-kotlin-app

npm start

How to use this example

1. You can git clone / download my repo to overwrite above "my-kotlin-app" The key contents in src & public folder.

2. Or , it should be work if you just clone my repo to your local machine and "npm start" it should be try download node_modules firstly and then auto open the web to show result

How to upgrade to get latest react-scripts-kotlin in your project node module

1. Search web and find: https://www.npmjs.com/package/react-scripts-kotlin As for Nov 30, the latest version is 2.1.2 Update package.json with that new version.
2. npm i react-scripts-kotlin --save