JSS linting in React

I noticed that there is a styled components plugin for Webstorm / Phpstorm IDEs located here: https://plugins.jetbrains.com/plugin/9997-styled-components--styled-jsx

 

I was wondering if there was an equivalent plugin for JSS (https://cssinjs.org/). Looking at how Material-UI is documenting their examples they are using JSS with their own hooks like so:

 

const useStyles = makeStyles({
  root: {
    background: 'linear-gradient(45deg, #FE6B8B 30%, #FF8E53 90%)',
    border: 0,
    borderRadius: 3,
    boxShadow: '0 3px 5px 2px rgba(255, 105, 135, .3)',
    color: 'white',
    height: 48,
    padding: '0 30px',
  },
});

It would be great to get auto completion and syntax highlighting working. Am I missing something?

 

1

Please sign in to leave a comment.