Set up React Native App with Kotlin

Nicodemus Ojwee — Wed, 03 Mar 2021 21:55:29 +0000

Following instructions from the repository below.
https://github.com/ojaynico/create-ojaynico-krn

Install create-ojaynico-krn cli using the command

$ npm install -g @ojaynico/create-ojaynico-krn

Create a new project using

$ create-ojaynico-krn YourProjectName

Change directory or go to YourProjectName folder using terminal or cmd

$ cd YourProjectName

Install npm dependencies while in the directory

$ npm install

Assemble your Kotlin shared module. Make sure you have gradle installed on your system. Otherwise use alternative commands provided in the repository link above.

$ npm run gradleAssemble

Bundle your application by running

$ npm run start

Run the application on an Android or iOS device using either of the commands.

$ npm run android

$ npm run ios

Kotlin Wrappers for React Native core Components, APIs and React Native Navigation By Wix

Nicodemus Ojwee — Mon, 04 Jan 2021 21:35:26 +0000

React Native is a mobile application framework used for developing cross platform apps using Javascript.

Kotlin is a general purpose programming language that can be compiled or transpiled to run on different environments and platforms. One of the languages Kotlin can be transpiled to is Javascript.
This gives Kotlin the power to be used as a dependency or to use dependencies from the Javascript ecosystem.

The ability to transpile Kotlin code into Javascript gave birth to what we call Kotlin Wrappers. These Wrappers are Kotlin libraries that reference specific libraries that are initially written in Javascript.

This powerful feature, provided through Kotlin/JS has enabled me to come up with two Kotlin Wrappers from the Javascript ecosystem that can be used to develop React Native Applications using Kotlin.

ojaynico-kotlin-react-native
This wrapper is made up of all React Native core components and APIs. It can be downloaded from the link below.
https://search.maven.org/artifact/com.github.ojaynico/ojaynico-kotlin-react-native
ojaynico-kotlin-react-native-navigation
This wrapper is made up of components from React Native Navigation by Wix. It can be downloaded using the link below.
https://search.maven.org/artifact/com.github.ojaynico/ojaynico-kotlin-react-native-navigation
ojaynico-kotlin-react-native-async-storage
This wrapper is made up of functions from React Native Async Storage. It can be downloaded using the link below.
https://search.maven.org/artifact/com.github.ojaynico/ojaynico-kotlin-react-native-async-storage
ojaynico-kotlin-native-base
This wrapper is made up of components and APIs from Native Base. It can be downloaded using the link below.
https://search.maven.org/artifact/com.github.ojaynico/ojaynico-kotlin-native-base

For more instructions on how to use these wrappers, you can check out the following repositories (In their order) on how to setup with example projects.
https://github.com/ojaynico/ojaynico-kotlin-react-native
https://github.com/ojaynico/KotlinReactNativeApp
https://github.com/ojaynico/ojaynico-kotlin-react-native-navigation
https://github.com/ojaynico/KotlinReactNativeNavigation
https://github.com/ojaynico/KotlinReactNativeLoginSignup
https://github.com/ojaynico/ojaynico-kotlin-react-native-async-storage
https://github.com/ojaynico/ojaynico-kotlin-native-base

DEV Community: Nicodemus Ojwee

Set up React Native App with Kotlin

Kotlin Wrappers for React Native core Components, APIs and React Native Navigation By Wix