Skip to content

Instantly share code, notes, and snippets.

@NatalieMac

NatalieMac/index.html

Created February 25, 2017 19:20
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save NatalieMac/42a1fb2cc2eefa5a60ea9cb7c332cc3f to your computer and use it in GitHub Desktop.
Save NatalieMac/42a1fb2cc2eefa5a60ea9cb7c332cc3f to your computer and use it in GitHub Desktop.
Download ZIP
Intro to React // source http://jsbin.com/kuqekih
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<title>Intro to React</title>
<meta charset="utf-8">
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-with-addons.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/redux/3.5.2/redux.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-redux/4.4.5/react-redux.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/expect/1.20.1/expect.js"></script>
<style id="jsbin-css">
div#app {
background-color: #fff;
border: thin dotted red;
margin: 3px;
padding: 5px;
}
</style>
</head>
<body>
<div id="app"></div>
<script id="jsbin-javascript">
var MyComponent = function() {
return (
React.createElement("div", null, "Define MyComponent!")
);
}
ReactDOM.render(
React.createElement(MyComponent, null),
document.getElementById('app')
);
</script>
<script id="jsbin-source-css" type="text/css">div#app {
background-color: #fff;
border: thin dotted red;
margin: 3px;
padding: 5px;
}
</script>
<script id="jsbin-source-javascript" type="text/javascript">var MyComponent = function() {
return (
<div>Define MyComponent!</div>
);
}
ReactDOM.render(
<MyComponent />,
document.getElementById('app')
);</script></body>
</html>
Raw
jsbin.kuqekih.css
div#app {
background-color: #fff;
border: thin dotted red;
margin: 3px;
padding: 5px;
}
Raw
jsbin.kuqekih.js
var MyComponent = function() {
return (
React.createElement("div", null, "Define MyComponent!")
);
}
ReactDOM.render(
React.createElement(MyComponent, null),
document.getElementById('app')
);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment