Skip to content

Instantly share code, notes, and snippets.

@hironow
Last active October 15, 2015 15:16
Show Gist options
  • Save hironow/3949f6424e5d91fd82ed to your computer and use it in GitHub Desktop.
Save hironow/3949f6424e5d91fd82ed to your computer and use it in GitHub Desktop.
React Base
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello React!</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.0/react.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.0/react-dom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
</head>
<body>
<div id="container">
<!-- This element's contents will be replaced with your component. -->
</div>
<script type="text/babel" src="main.js"></script>
</body>
</html>
var Hello = React.createClass({
render: function() {
return <div>Hello {this.props.name}</div>;
}
});
ReactDOM.render(
<Hello name="World" />,
document.getElementById('container')
);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment