Skip to content

Instantly share code, notes, and snippets.

@jorgeas80

jorgeas80/simple-react-playground.html

Forked from voronianski/simple-react-playground.html
Created July 23, 2016 16:09
Show Gist options
  • Save jorgeas80/8618d94f74b20197a2b00ffd8c12f9ed to your computer and use it in GitHub Desktop.
Save jorgeas80/8618d94f74b20197a2b00ffd8c12f9ed to your computer and use it in GitHub Desktop.
Download ZIP
Quick React prototyping in browser on the fly with ES2015. Use this as boilerplate for your playground and upload html file on some server. Created as a solution for this challenge - http://blog.vjeux.com/2015/javascript/challenge-best-javascript-setup-for-quick-prototyping.html with the help of https://github.com/voronianski/babel-transform-in-…
Raw
simple-react-playground.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>React Quick Prototyping</title>
</head>
<body>
<div id="root"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.6/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.6/react-dom.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-transform-in-browser/0.1.0/btib.min.js"></script>
<script type="text/es2015">
// YOUR PLAYGROUND CODE GOES HERE
// EXAMPLE:
function App ({ title }) {
return (
<div>{title}</div>
);
}
ReactDOM.render(
<App title="Hello World" />,
document.getElementById('root')
);
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment