Components - function vs. class syntax

react-class-function.js

import React from 'react';
import ReactDOM from 'react-dom';

function ModuleTitle(props) {
  return <h1>Welcome to the {props.name} module.</h1>;
}

// class ModuleTitle extends React.Component {
//   render() {
//     return <h1>Welcome to the {this.props.name} module.</h1>;
//   }
// }

const element = <ModuleTitle name="Advanced JavaScript" />;
ReactDOM.render(
  element,
  document.getElementById('root')
);