mirror of
https://github.com/zhigang1992/reactfire.git
synced 2026-04-10 22:49:06 +08:00
54 lines
1.8 KiB
HTML
54 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>ReactFire Todo App Demo</title>
|
|
|
|
<!-- React JS -->
|
|
<script src="bower_components/react/react.js"></script>
|
|
<script src="bower_components/react/JSXTransformer.js"></script>
|
|
|
|
<!-- Firebase JS -->
|
|
<script src="bower_components/firebase/firebase.js"></script>
|
|
|
|
<!-- ReactFireMixin -->
|
|
<script src="bower_components/reactfire/dist/reactfire.min.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>ReactFire Todo App Demo</h1>
|
|
<p>
|
|
<a href="https://www.firebase.com/docs/web/libraries/react/">ReactFire</a> 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 + ReactFire</h2>
|
|
<div id="todoApp3"></div>
|
|
</div>
|
|
<div style="clear: both; margin-bottom: 10px;"></div>
|
|
</div>
|
|
</body>
|
|
</html> |