Skip to content

Instantly share code, notes, and snippets.

@jackcallister

jackcallister/index.html

Created December 25, 2014 09:14
Show Gist options
  • Save jackcallister/36e65f3fa5172c7a2cae to your computer and use it in GitHub Desktop.
Save jackcallister/36e65f3fa5172c7a2cae to your computer and use it in GitHub Desktop.
Download ZIP
React JS quick start guide // source http://jsbin.com/rohin
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<script src="http://fb.me/react-with-addons-0.12.0.js"></script>
<meta charset="utf-8">
<title>React JS quick start guide</title>
<style id="jsbin-css">
body {
margin: 0;
background: #E8E8E8;
}
img {
width: 200px;
display: block;
margin: 1em auto;
}
</style>
</head>
<body>
<script id="jsbin-javascript">
var Photo = React.createClass({displayName: 'Photo',
render: function() {
return React.createElement("img", {src: "http://tinyurl.com/lkevsb9"})
}
});
React.render(React.createElement(Photo, null), document.body);
</script>
<script id="jsbin-source-html" type="text/html"><!DOCTYPE html>
<html>
<head>
<script src="//fb.me/react-with-addons-0.12.0.js"><\/script>
<meta charset="utf-8">
<title>React JS quick start guide</title>
</head>
<body>
</body>
</html></script>
<script id="jsbin-source-css" type="text/css">body {
margin: 0;
background: #E8E8E8;
}
img {
width: 200px;
display: block;
margin: 1em auto;
}
</script>
<script id="jsbin-source-javascript" type="text/javascript">var Photo = React.createClass({
render: function() {
return <img src='http://tinyurl.com/lkevsb9' />
}
});
React.render(<Photo />, document.body);
</script></body>
</html>
Raw
jsbin.rohin.css
body {
margin: 0;
background: #E8E8E8;
}
img {
width: 200px;
display: block;
margin: 1em auto;
}
Raw
jsbin.rohin.js
var Photo = React.createClass({displayName: 'Photo',
render: function() {
return React.createElement("img", {src: "http://tinyurl.com/lkevsb9"})
}
});
React.render(React.createElement(Photo, null), document.body);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment