0c726ef287
- Added /dist/ folder to `.gitignore` - Replaced references to version number with `XXX_VERSION_XXX` - Replaced all-release `CHANGELOG.md` with per-release `changelog.txt` - Removed `release.sh` script - Added build task to `gulpfile.js` - Updated `npm test` to build the distribution files before testing - Updated the dist file header and made it preserved across both minified and unmagnified files
ReactFire Todo App Example
Live Demo
You can view a live version of this demo here.
Setup Instructions
To run this example locally, either download the whole ReactFire repo or just this /todoApp/ directory. From the /todoApp/ directory, install the needed dependencies via bower:
$ bower install
Then start up a server via Python (or your favorite method):
$ python -m SimpleHTTPServer 8080
Now you should be able to visit the example in the browser of your choice at http://127.0.0.1:8080/.
Description
This example shows three different ways to make a Todo app using React. It is adapted from the Todo app example on the ReactJS homepage. There are three different versions of the Todo app example:
-
Plain React: Almost an exact copy of the ReactJS homepage example. This uses plain React code with no Firebase code at all. Changes made to this example are not persistent.
-
React + Plain Firebase: A version of the first example with explicit Firebase calls. Changes made to this example are persistent.
-
ReactFireMixin: A version of the first example which uses the ReactFireMixin. Changes made to this example are persistent.
Walkthrough
To learn more about how this example works, see the blog post on the official Firebase blog.