To run this example locally, either download the whole ReactFire repository or just this /todoApp/ directory. Then start up a server via Python (or your preferred method):

$ python -m SimpleHTTPServer 8080

You can then 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.
ReactFire: A version of the first example which uses the ReactFire mixin. 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.