React Main and Head

Built with JSX

by Eduard Kulikov

HTML

<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<div id="main"></div>

Babel + JSX

const Head = props => (
  <div style={{ color: props.color }}>
    {props.children}
  </div>
);

class Main extends React.PureComponent {
  render() {
    return <h1><Head color="red">Hey, Africa!</Head></h1>;
  }
}

ReactDOM.render(<Main />, document.getElementById('main'));