mirror of
https://github.com/zhigang1992/reactfire.git
synced 2026-06-16 05:17:01 +08:00
43 lines
1.4 KiB
Markdown
43 lines
1.4 KiB
Markdown
# 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).
|
|
|