• Blogs (9)
    • 📱 236 - 992 - 3846

      đź“§ jxjwilliam@gmail.com

    • Version: ‍🚀 1.1.0
  • 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.

    https://github.com/WilliamJiang/Getting-Started-with-Redux

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

    It 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.