DEV Community

loading...
Cover image for Kotlin Wrappers for React Native core Components, APIs and React Native Navigation By Wix

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

ojaynico profile image Nicodemus Ojwee Updated on ・2 min read

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.

  1. 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

  2. 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

  3. 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

  4. 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

Discussion (0)

pic
Editor guide