Use ES6 class for React Components JS-0460

React offers two ways to create traditional components: the ES5 create-react-class module or the new ES6 class system. It is recommended to use ES6 class because classes are the first-class citizens in ES6. Using classes, you can leverage Object-oriented features like inheritance, composition, and reusability.

Bad Practice

const Hello = createReactClass({
  render() {
    return <div>Hello {this.props.name}</div>;
  }
});

Recommended

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