Skip to content

Instantly share code, notes, and snippets.

@zeakd

zeakd/react2-jsx.html

Last active September 26, 2016 09:17
Show Gist options
  • Save zeakd/caadfe79f1aacf91e0934dfeb68b89a0 to your computer and use it in GitHub Desktop.
Save zeakd/caadfe79f1aacf91e0934dfeb68b89a0 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
react2-jsx.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>React 1</title>
<script src='https://cdnjs.cloudflare.com/ajax/libs/react/15.3.1/react.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/react/15.3.1/react-dom.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.14.0/babel.min.js'></script>
</head>
<body>
<div id="root"></div>
<script type="text/babel" data-presets="react">
// script start
var page = <div class='page'>
<h2 class='page-title'>Hi</h2>
<p class='page-content'>wow</p>
</div>
ReactDOM.render(
page,
document.getElementById('root')
)
// script end
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment