React.js Basics

Learn the basics about React.js

HTML

<script src="https://unpkg.com/react@15/dist/react.js"></script>
<script src="https://unpkg.com/react-dom@15/dist/react-dom.js"></script>

<div id="app"></div>

Babel + JSX

function App(props) {
	return (
    <div>
      <p>{props.name}</p>
      <button>Change Name</button>
    </div>
	);
}

//const element = React.createElement('p', null, 'Max');
ReactDOM.render(<App name="Max" />, document.querySelector('#app'));