Test1

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;
}

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

const element = (
    <h1>
        Hello, {formatName(user)}!<br/>
        Your first name is {user.firstName}.<br/>
        2+2= {2+2}
    </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>

test1.markdown

Test1

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

A Pen by 你银子掉了 on CodePen.