I see this pattern a lot but I cant really figure ...

# javascript

[spand]

I see this pattern a lot but I cant really figure out how to do the same from KotlinJS. Ie. how can I define a class and then export it in a decorated fashion?

class MyComponent extends React.Component {
  render () {
    return <div className={this.props.classes.root} />;
  }
}

export default withStyles(styles)(MyComponent);

[gildor]

You cannot use JSX from Kotlin

[gildor]

See examples
https://github.com/JetBrains/create-react-kotlin-app

[gildor]

and this
https://github.com/JetBrains/kotlin-wrappers/tree/master/kotlin-react

[spand]

That is an irrelevant detail

[gildor]

What is relevand than?

[gildor]

how to use export?

[spand]

Everything other than the implementation of render

[gildor]

what exactly?

[gildor]

Work with modules described in docs
https://kotlinlang.org/docs/reference/js-modules.html

[spand]

Ie. how can I define a class and then export it in a decorated fashion?

[gildor]

class MyClass

[gildor]

public class exporte by default

[gildor]

you also can configure it with annotations

[gildor]

https://kotlinlang.org/docs/reference/js-modules.html#jsmodule-annotation

[spand]

I cannot relate anything you write with my question. I gave a specific example of what I would love a kotlinjs version of.

[gildor]

kotlin-wrappers provide you Kotlin wrapper API to implement React component

[gildor]

withStyles is it some library method? doesn’t look as something from vanilla react

[gildor]

How to export somethin as module described in js-modules documentation

[spand]

The documentation mentions the default keyword zero times and has only examples of exports of directly defined functions/classes. In the example both default is used and the exported function/class is the result of a function invocation.

[gildor]

This is part of ES6, so not supported directly by KotlinJS, Kotlin have only ES5
But it's not so important in this case, it's just that this class name will be exposed by default on import, see export default documentation

[gildor]

But if you want, you can just call it using js() function that will call any arbitrary js code

[gildor]

This is why I asked what is exactly not clear in this snippet