Kotlin-react existing component libraries

kolobeti · November 29, 2017, 8:50pm

Anyone have an example on how to use kotlin-react with existing component libraries? Kotlin-react looks wonderful, but one of the reasons I want to use react is because of the rich ecosystem.

Jason

diegog · November 29, 2017, 9:32pm

I might be wrong, but you have to write bindings for existing components.

kolobeti · November 29, 2017, 10:42pm

Yeah, I figured, just wondered if there were any examples of bindings that were written. I’m a little unsure how to call the existing javascript code, specifically for integration with kotlin-react. How do I return the right type? It’s a little confusing without an example.

Jason

Alexey.Andreev · November 30, 2017, 8:17am

Here’s the example of react-router bindings, which don’t exist in kotlin-wrapper (or at least did not exist by the time we created kotlinconf application): component bindings and DSL.

kolobeti · November 30, 2017, 3:15pm

Thanks, that’s exactly what I was looking for!

cesareiurlaro · October 31, 2018, 6:25am

Links are not avaiable anymore, but i’d really need to see the examples you were talking about.
How can I?

epabst · September 13, 2019, 10:25pm

Here is a permanent link:

github.com

JetBrains/kotlinconf-app/blob/563e966326cebb4eee49b5ad2c98f5c2d2dfbe3e/web/src/main/kotlin/org/jetbrains/kotlinconf/components/routing.kt

@file:JsModule("react-router-dom")
package org.jetbrains.kotlinconf.components

import react.*

@JsName("HashRouter")
external class HashRouterComponent : React.Component<RProps, RState> {
    override fun render(): ReactElement?
}

@JsName("Switch")
external class SwitchComponent : React.Component<RProps, RState> {
    override fun render(): ReactElement?
}

@JsName("Route")
external class RouteComponent : React.Component<RouteProps, RState> {
    override fun render(): ReactElement?
}

This file has been truncated. show original

Topic		Replies	Views
Reuse Kotlin/React Component/ Hooks JavaScript	0	734	November 24, 2020
Creating additional react wrappers Support	2	1957	December 26, 2017
Akryl - React wrapper library Libraries	5	1463	April 30, 2020
Kotlin Javacript component from another kotlin Javascript project? JavaScript	3	2046	September 6, 2018
React in Kotlin/JS, What I learned (long but useful read) JavaScript	19	23618	August 13, 2024

Kotlin-react existing component libraries

Related topics