Skip to content
ToDo app showing best practices using React, Redux and ImmutableJS
JavaScript CSS HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
bin Transition to Babel 6 Feb 22, 2016
build shrinkwrap npm packages May 25, 2016
config
src Transition to Babel 6 Feb 22, 2016
.babelrc Transition to Babel 6 Feb 22, 2016
.editorconfig
.eslintrc Transition to Babel 6 Feb 22, 2016
.gitignore initial webpack config Jan 29, 2016
README.md README Toptal article link Jun 28, 2016
npm-shrinkwrap.json update babel-core | node 6.* version fix Jan 24, 2017
package.json update babel-core | node 6.* version fix Jan 24, 2017
webpack.config.js Transition to Babel 6 Feb 22, 2016

README.md

Tips, trick and best practices using React, Redux and ImmutableJS

Check the article explaining the logic -> https://www.toptal.com/react/react-redux-and-immutablejs

ToDo App shows how to use Redux and ImmutableJS to avoid needless re-rendering of React components.

Console Logs are conveniently placed on key points to clearly show absolute minimal DOM re-render.

Usage

npm install

Install Node modules listed in ./package.json`

npm start

Runs the webpack build system with HMR. Webpack dev server can be found at localhost:3000.

Structure

.
├── bin                          # Build/Start scripts
├── build                        # All build-related configuration
│   ├── webpack                  # Environment-specific configuration files for Webpack
├── config                       # Project configuration settings
└── src                          # App source code
    ├── actions                  # Redux actions
    ├── components               # Generic React Components
    ├── constants                # Constants for Redux actions
    ├── reducers                 # Redux reducers (all are imported in index.js)
    ├── styles                   # App SASS styles, all are imported into app.scss
    ├── utils                    # Reusable utility functions
    ├── index.html               # Most basic index.html
    └── init.js                  # App bootstrap and rendering
You can’t perform that action at this time.