# Todo App | ReactFire Example


## Live Demo

You can view a live version of this demo [here](https://reactfiretodoapp.firebaseapp.com/).


## Setup Instructions

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):

```bash
$ python -m SimpleHTTPServer 8080
```

You can then visit the example in the browser of your choice at [http://127.0.0.1:8080/](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/](http://127.0.0.1:8080/examples/todoApp/)


## 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](http://facebook.github.io/react/). There are three different
versions of the Todo app example:

1. __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.

2. __React + Plain Firebase:__ A version of the first example with explicit Firebase calls. Changes
made to this example are persistent.

3. __ReactFire:__ A version of the first example which uses ReactFire. Changes made to this example
are persistent.


## Walkthrough

To learn more about how this example works, see the [ReactFire guide](../../docs/guide.md).