ES6 not compiling

[desmondhume]

I'm trying to use ES6 features in this react component:

import React from "react/addons";
import {GoogleMaps} from "react-google-maps";

class SimpleMap extends React.Component {
  render () {
    const {props, state} = this,
          {googleMapsApi} = props;
    return (
      <GoogleMaps containerProps={{
          style: {
            height: "100%",
          },
        }}
        googleMapsApi={google.maps}
        zoom={8}
        center={{lat: -34.397, lng: 150.644}} />
    );
  }

}

export default SimpleMap;

but I keep getting this error no matter what i do:

Error: Parse Error: Line 2: Illegal import declaration
  (in `[...]app/assets/javascripts/components/simple_map.js.jsx`)

I'm using react-rails along with browserify-rails.

In my config/application.rb I put:

config.react.jsx_transform_options = {
  harmony: true
}

I don't know what to try next...any suggestion/idea?

[krzysiek1507]

Did you try without import?

[rmosolgo]

the harmony option currently supports some ES6 features, but not all. I've never found a clear-cut list of features it supports but you can see the visitors (which correspond to transforms) here: https://github.com/facebook/jstransform/tree/master/visitors

[tirdadc]

I was trying to use computed property names and it seems to be supported, but despite setting the harmony flag to true I get Uncaught SyntaxError: Unexpected token [ when it hits the new syntax.

Is there anything else to do aside from setting this in development.rb (and other environment config files)?

config.react.variant = :development
config.react.addons = true
config.react.jsx_transform_options = {
  harmony: true
}

[vipulnsward]

These will go away with #295

[rmosolgo]

Try 1.1.0, it uses @vipulnsward 's new BabelTransformer 😄