Test2

index.html

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

script.babel

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

function getGreeting(user) {
  if (user) {
    return <h1>Hello,{formatName(user)}!</h1>;
  }
  return <h1>Hello, Stranger.</h1>;
}

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

const element = (
  <div>
    {getGreeting(user)}
    {getGreeting()}
  </div>
);

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>

test2.markdown

Test2

Learn the fundamentals of React, including simple and class components, state, props, and submitting form data.

A Pen by 你银子掉了 on CodePen.