PGEjdG

index.html

<div id="root">
  <!-- This div's content will be managed by React. -->
</div>

pgejdg.markdown

PGEjdG

A Pen by Dan Abramov on CodePen.

License.

script.babel

function formatName(user) {
  return user.firstName + ' ' + user.lastName;
}

const user = {
  firstName: 'Harper',
  lastName: 'Perez'
};

const element = (
  <h1>
    Hello, {formatName(user)}!
  </h1>
);

ReactDOM.render(
  element,
  document.getElementById('root')
);

scripts

<script src="https://unpkg.com/react/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom/umd/react-dom.development.js"></script>