React.js Basics

Learn the basics about React.js

by smax

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

class App extends React.Component {
	render() {
  	return (
      <div>
        <p>{this.props.name}</p>
        <button onClick={name = 'Anna'}>Change Name</button>
      </div>
  	);
  }
}

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