redux

Redux is a predictable state container for JavaScript apps.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

                 `......`
              .://////////-`
            -///-`     `.://-
          `://.           .///`
          ///`             `//:
         -//.               -//.
         ///    .---`        -:-
        `//:   -////////::--.`
        `//:   ./////----::////:-.
     `.  ///    `...         `-:///-`
   `-//. -//.                    .://:`
  .//:.   ///`            -///:`   `://-
 .//-     `///``         `/////:     -//:
`//-       `/////.        :///:`      -//.
`//.       `/////:       -//-          //-
`//.        .:::-      .///.          `//-
 ://`               `-///:`          `://`
  ://:`         `.-////-`          `.///`
   .:////::::://///:-`  .://::---:///:.
      `.-::::--..`      `..-:::::-.`

Performance

Testing

Workshops

Reducers

Reducers specify how the application’s state changes in response to actions sent to the store.
Remember that actions only describe the fact that something happened, but don’t describe how the application’s state changes.

Tools

  • immer - Create the next immutable state by mutating the current one

Middlewares

Middleware provides a way to interact with actions that have been dispatched to the store before they reach the store’s reducer. Examples of different uses for middleware include logging actions, reporting errors, making asynchronous requests, and dispatching new actions. Source

Interesing middlewares

Articles

Typescript

Libraries

https://github.com/cloudflare/redux-grim

Frameworks

Libraries

Videos

Libraries

Snippets

Execute several redux actions in serial using Promises

1
2
3
4
5
6
7
8
handleChange(date) {
  Promise.resolve(
    this.props.dispatch(setApplicationDate(date))
  )
  .then(() => {
    this.props.afterSelect()
  })
}

Comments

⬆︎TOP