Sorry if this has already been asked and answered (documentation is somewhat sparse and scattered fo...

# react

[ryannerd]

Sorry if this has already been asked and answered (documentation is somewhat sparse and scattered for kotlin-react). How do I import into Kotlin and use a JavaScript react library (for example https://react-bootstrap.github.io/)?

[Tristan Caron]

https://kotlinlang.org/docs/reference/js-interop.html

Here you can see how the library react-router-dom has been declared:
https://github.com/JetBrains/kotlinconf-app/blob/master/web/src/main/kotlin/org/jetbrains/kotlinconf/components/routing.kt
and how it has been wrapped:
https://github.com/JetBrains/kotlinconf-app/blob/master/web/src/main/kotlin/org/jetbrains/kotlinconf/components/routingDsl.kt

[Filipp Riabchun]

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

It doesn't look like a correct declaration of external component though it may work in this particular case

[Filipp Riabchun]

Correct would be this:

external val HashRouterComponent: RClass<RProps>

[Filipp Riabchun]

Example can be found here: https://github.com/JetBrains/kotlin-wrappers/blob/master/examples/src/main/kotlin/example/Quill.kt

[chadmorrow]

You can also use this converter to take any javascript library that has typescript bindings and wrap it in kotlin

https://github.com/Kotlin/ts2kt