Hello World in React

hello-world-in-react.markdown

Hello World in React

A Pen by Dan Abramov on CodePen.

License.

index.html

<div id="root">
    <!-- This element's contents will be replaced with your component. -->
</div>

script.babel

function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}

const element = <Welcome name="Sara" />;
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>