To Decorate or not to Decorate

.babelrc

{
  "presets": [
    "latest"
  ],
  "plugins": [
    "transform-decorators-legacy",
    "transform-class-properties"
  ]
}

decorated-before-connect.js

import React from 'react';
import {graphql} from 'apollo-react';
import {gql} from 'graphql-tag';

@graphql(gql`query{toDos{id}}`)
export default class Component extends React.Component {
	render() {
		return <div></div>;
	}
}

decorated.js

import React from 'react';
import {graphql} from 'apollo-react';
import {gql} from 'graphql-tag';
import { connect } from 'react-redux';

@graphql(gql`query{toDos{id}}`)
@connect(state => ({}))
export default class Component extends React.Component {
	render() {
		return <div></div>;
	}
}

undecorated-before-connect.js

import React from 'react';
import {graphql} from 'apollo-react';
import {gql} from 'graphql-tag';

class Component extends React.Component {
	render() {
		return <div></div>;
	}
}

const apolloAwareComponent = graphql(gql`query{toDos{id}}`)(Component);

export default apolloAwareComponent;

undecorated.js

import React from 'react';
import {graphql} from 'apollo-react';
import { connect } from 'react-redux';
import {gql} from 'graphql-tag';

class Component extends React.Component {
	render() {
		return <div></div>;
	}
}
const reduxAwareComponent = connect(state => ({}))(Component);

const apolloAwareComponent = graphql(gql`query{toDos{id}}`)(reduxAwareComponent);

export default apolloAwareComponent;