ES6+ linting

I have a component which uses ES6+ features e.g.

myComponent extends React.Component { static propTypes = {

This throws a syntax error as expected because it is an ES6+ feature. In the past I have installed the relevant npm modules e.g. ("babel-preset-stage-0"😃 and altered the babel.rc file and it has been successful but even with these additions in this setup, i’m still getting syntax errors:

My babel.rc file looks like this

{
  "presets": [
    ["env", {
      "targets": {
        "node": true
      }
    }],
    "react",
    "stage-0",
    "es2015"
  ]
}

Package.json:

"babel-preset-es2015": "^6.24.1",
"babel-preset-react": "^6.24.1",
"babel-preset-stage-0": "^6.24.1",

[leebenson]

Decorators and static properties have been now added to the kit

[leebenson]

Thanks for reporting. I’ll add ES7 support to the next release, hopefully tomorrow.

.babelrc is solely to kick-start the Webpack build process; all code-level syntax is handled inside the browser.js and server.js Webpack config files in kit/webpack, so that’s where plugins and transforms need to go.

Will report back here when decorator and static support is added.