Yet another Todolist
In my company, when new employees come to an React&Flux app, they have no idea about what's going on, and it always takes a while to explain the whole thing.
And there's no single React&Flux project meets the requirement that it can explain every essential part in developing React&Flux App for the beginning one week.
So I decided to create one.
- How to use React.
- How to use Flux.
- How does asynchronous request between React&Flux app and backend look like.
- How to use webpack to pakcage assets of an app and how to use when developing the app.
- How to build a simple nodejs server using express.
- How to use a database called nedb that help you store plain json data in local file with examples of create, query, update, delete.
- Other examples for using npm packages immutable, react-bootstrap, jquery, moment ...
git clone https://github.com/pairyo/YATodolist.git
npm install webpack webpack-dev-server -g
npm install
npm run production
node server.js
Then enter url http://localhost:1314/
. Now, it should work!
Simply adding one more command npm run development
to start webpack-dev-server
, then enter url http://localhost:1314/development
.
Everything you changed in asset files whill now automatically compiled. Hitting refresh button fo the page, everything will be updated!
hophacker (jiefeng.hopkins@gmail.com) Tissue Fluid (zuzhiyue@gmail.com)
Once this app started, you shall see all the todos for YATodolist I've listed there. Contribution is very welcome!
Enjoy YATodolist 1314 (Mysterious spell used by ancient chinese).