or is it still create a static styles object?

I use jss from material-ui nowadays

i've never heard of jss?

Webpack.require-ing css in a static var should still work

Css in js?

I got that :p Just never knew of it being called JSS

It's one of the many js libs for css in js

They always have a bunch of alternatives

But it's the one used by material-ui, so..

I just found the global static var approach for styling to be a bit clunky especially with no autocompletion

Autocompletion on what?

the styles objects

So better alternatives are highly appreciated 😅

It's not really meant to be used directly, it's just including a css file in your page

Lessie could work with react-next I guess

Oh, so you're going the whole create the styles outside of haxe route I guess?

Yeah, with css or sass or whatever (I used that with one sass file per component), and css classes / ids

When you said jss I thought there may have been a haxe equiv

aaah

I think i'll probably go the jss route as well then

it should be the most seamless way to utilise the material ui api

That's not how I do jss, it's for the lessie thing I talked about earlier that might work

For jss I do things like that (but in material-ui):

@:publicProps(MyComponentProps)
@:wrap(Styles.withStyles(styles))
class MyComponent extends ReactComponentOfProps<Props> {
  public static function styles(theme:MyTheme):ClassesDef<TClasses> {
    return Styles.jss({
      header: {
        flexShrink: 0,
        color: theme.palette.text.inverted,
        height: 40,
        "@media print": {
          display: "none"
        }
      },
      // ...
    });
  }

  // ...
}

And then

<div className={props.classes.header} />

I should update this gist: https://gist.github.com/kLabz/20f6e4dece9aa4c256af58514626b66f

Doesn't seem to be too far from current state of material-ui

woah

It has never occurred to me to use

private

for typedefs

jesus i'm dumb