You can view a live version of this demo here.
To run this example locally, either download the whole ReactFire repository or just this
/examples/todoApp/ directory. Then start up a server via Python (or your preferred method):
$ python -m SimpleHTTPServer 8080You can then visit the example in the browser of your choice at http://127.0.0.1:8080/.
If you have downloaded the entire repository visit the example at http://127.0.0.1:8080/examples/todoApp/
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 ReactFire. Changes made to this example are persistent.
To learn more about how this example works, see the ReactFire guide.