Hello all, Is there a recommended way of incorpo...

# javascript

[Chris]

Hello all, 

Is there a recommended way of incorporating a multiplatform js module into a reactjs application.

I was able to use npm install to install my kotlin-js compiled module but have tried importing classes et al with very little success.

Here is an example where I have a compiled module that I am trying to import I would rather use the import api however this did not work as expected. I am really trying to understand how to make my compiled module work with the import function vs requires if possible.

// import {api} from 'tradelimit-tradelimit-common'
const api = require('tradelimit-tradelimit-common').indicators
const tradelimit = require('tradelimit-tradelimit-common')

export default class ChartComponent extends React.Component {
    componentDidMount() {
        getData().then(data => {
            this.setState({ data })
        })
    }
    render() {
        console.log("API IS ",api)

        // console.log(indicators)
        let bar = new api.Bar(123123123)
        console.log(bar)

Is there a way to do import vs require using multiplatform?

val jsMain by getting {
    dependencies {
        implementation(kotlin("stdlib-js"))
        implementation("org.jetbrains.kotlinx:kotlinx-serialization-core-js:1.1.0")
        implementation("org.jetbrains.kotlinx:kotlinx-coroutines-core-js:$coroutine_version")
    }
}


val commonMain by getting {
    dependencies {
        implementation(kotlin("stdlib-common"))
        implementation("org.jetbrains.kotlinx:kotlinx-serialization-core:1.1.0")
        implementation("org.jetbrains.kotlinx:kotlinx-coroutines-core-common:$coroutine_version")
    }
}

[turansky]

You can use @JsModule instead
Example
Docs