ToDo-react-redux-immutable

KO | EN

gitlite — search

#react #typescript #llm #go #android #machine-learning #docker #macos #windows #awesome-list #vue #security #pytorch #ios

ToDo-react-redux-immutable

(★ 178)

ToDo app showing best practices using React, Redux and ImmutableJS

파일 탐색기

최종 버전 다운로드 (.zip)

- webpack-dev-server.js
- - _base.js
  - development.js
  - development_hot.js
- webpack-dev-server.js
- index.js
- - todos.js
- - AddTodo.js
  - App.js
  - Footer.js
  - PureComponent.js
  - Todo.js
  - TodoList.js
- - ActionTypes.js
- - index.js
  - todos.js
- - _base.scss
  - _todos.scss
  - app.scss
- - bind-functions.js
- index.html
- init.js
.babelrc
.editorconfig
.eslintrc
.gitignore
npm-shrinkwrap.json
package.json
README.md
webpack.config.js

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

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](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
```

ToDo-react-redux-immutable

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

ToDo-react-redux-immutable

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README