github: React-Redux-TodoList
Blogs20172017-04-06
github: React-Redux-TodoList
While watch `Dan Abramov` Redux tutorial videos, I built a `React-Redux-TodoList` app from scratch.
The app follows Dan Abramov’s video tutorials to implement TodoList step by step, very helpful. I also add some good-stuff, like: - fully redux-react implementation with action/reducer/connect-binding. - ES6, babel, webpack - ReactiveX programming: redux-rxjs. - userList tables: sorting, pagination, add record, delete record, promise access etc… - dynamic faker-data on the fly. - Full implementation of todoList. Besides `main` branch, there are also other 10 branches which mark the different increment steps.
It is easy to start:
$ git clone https://github.com/WilliamJiang/Getting-Started-with-Redux.git
$ npm install
$ webpack-dev-server
$ open http://localhost:8080It is like a startup boilerplate, you can copy TodoApp.js, or step-7.js and paste to `jsbin` to practise, or add more stuff like thunk, redux-form, bootstrap-stuff, rxjs, react-redux-npm-modules for different purposes.
To use it, update webpack.config.js’ entry, change entry point to `step-8.js`, or `step-9.js` or `TodoApp.js`, to practise different React-Redux demo. This is a clean-way to focus on some certain point; then later organize them together.
