osmelmora/jsx-example.html

## jsx-example.html
<<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>Hello React</title>
        <script src="https://fb.me/react-15.0.2.js"></script>
        <script src="https://fb.me/react-dom-15.0.2.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
    </head>
    <body>
        <div id="example"></div>
        <script type="text/babel">
            var items = ['Item 1', 'Item 2'].map(function (title, i) {
                return <li className='item' key={i}>{title}</li>;
            });

            var itemsList = (
                <ul className='list'>
                    {items}
                </ul>
            );

            ReactDOM.render(
                itemsList,
                document.getElementById('example')
            );

        </script>
    </body>
</html>
	<<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8" />
	<title>Hello React</title>
	<script src="https://fb.me/react-15.0.2.js"></script>
	<script src="https://fb.me/react-dom-15.0.2.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
	</head>
	<body>
	<div id="example"></div>
	<script type="text/babel">
	var items = ['Item 1', 'Item 2'].map(function (title, i) {
	return <li className='item' key={i}>{title}</li>;
	});

	var itemsList = (
	<ul className='list'>
	{items}
	</ul>
	);

	ReactDOM.render(
	itemsList,
	document.getElementById('example')
	);

	</script>
	</body>
	</html>