mirror of
https://github.com/zhigang1992/reactfire.git
synced 2026-03-30 17:34:16 +08:00
48 lines
1.6 KiB
HTML
48 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>ReactFireMixin Demo</title>
|
|
|
|
<!-- React JS -->
|
|
<script src="react/react-0.10.0.min.js"></script>
|
|
<script src="react/JSXTransformer-0.10.0.js"></script>
|
|
|
|
<!-- Firebase JS -->
|
|
<script src="https://cdn.firebase.com/js/client/1.0.11/firebase.js"></script>
|
|
|
|
<!-- ReactFireMixin -->
|
|
<script src="ReactFireMixin.js"></script>
|
|
|
|
<!-- Custom JS -->
|
|
<script type="text/jsx" src="js/todoAppOriginal.js"></script>
|
|
<script type="text/jsx" src="js/todoAppFirebaseExplicit.js"></script>
|
|
<script type="text/jsx" src="js/todoAppFirebaseImplicit.js"></script>
|
|
|
|
<!-- Custom CSS -->
|
|
<link rel="stylesheet" href="styles.css">
|
|
</head>
|
|
<body>
|
|
|
|
<div id="demoContainer">
|
|
<h1>ReactFireMixin Demo</h1>
|
|
<p>
|
|
ReactFireMixin is a <a href="http://facebook.github.io/react/">ReactJS</a> mixin which allows for easy integration of <a href="http://www.firebase.com/">Firebase</a> into your React apps. See how this was made by reading the <a href="https://firebase.com/blog/2014-05-01-using-firebase-with-react.html">blog post</a> or checking out the <a href="https://github.com/firebase/reactFire">source code on GitHub</a>.
|
|
</p>
|
|
|
|
<div class="todoAppContainer">
|
|
<h2>Plain React</h2>
|
|
<div id="todoApp1"></div>
|
|
</div>
|
|
|
|
<div class="todoAppContainer">
|
|
<h2>React + Plain Firebase</h2>
|
|
<div id="todoApp2"></div>
|
|
</div>
|
|
|
|
<div class="todoAppContainer">
|
|
<h2>React + ReactFireMixin</h2>
|
|
<div id="todoApp3"></div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |