mirror of
https://github.com/zhigang1992/reactfire.git
synced 2026-04-04 22:57:58 +08:00
49 lines
1.7 KiB
HTML
49 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>ReactFireMixin 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>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 style="clear: both; margin-bottom: 10px;"></div>
|
|
</div>
|
|
</body>
|
|
</html> |