Skip to content

Instantly share code, notes, and snippets.

@nobuti nobuti/index.html
Created Oct 19, 2017

Embed
What would you like to do?
Almost pure React
<html>
<body>
<div id="react-root"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.0.0/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.0.0/umd/react-dom.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.26.0/babel.min.js"></script>
<script id="react-app" type="text/template">
const App = ({name}) => {
return <h1>Welcome to React, {name}</h1>;
};
ReactDOM.render(<App name="Buddy" />, document.getElementById("react-root"));
</script>
<script>
eval(Babel.transform(document.getElementById("react-app").innerHTML, {presets: ['es2015', 'react']}).code);
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.