React 101

by arunoda

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.0/react-dom.min.js"></script>
<div id="app"/>

Babel + JSX

const Welcome = () => (
	<div>
	  <p>Hello, Arunoda Susiripala.</p>
    <hr />
	</div>
);

const Content = () => (
	<div>
	  <h1>This is my Web App</h1>
    <p>This is the content.</p>
	</div>
)

const App = () => (
	<div>
	  <Welcome />
    <Content />
	</div>
);

ReactDOM.render(
	<App />,
  document.getElementById('app')
);