Rangle.io: React Training
master
master
  • Rangle React Training Materials
  • lessons
    • redux-hello
    • react-summary
    • redux-action-reducer
    • react-outline
    • react-container
    • redux-intro
    • redux-connect
    • react-component
    • advanced
    • redux-store
    • redux-logging
    • redux-thunk
    • react-cardlist
    • redux-merge
    • react-lifecycles
    • react-intro
  • CONDUCT
  • misc
    • summary
    • refs
    • overview
    • guide
    • gloss
  • LICENSE
  • index
  • rough-slides
    • react-training-slides
  • CONTRIBUTING
Powered by GitBook
On this page
  • What is Redux Middleware?
  • Logging Middleware

Was this helpful?

  1. lessons

redux-logging

What is Redux Middleware?

  • Similar to middleware in other libraries or frameworks

  • Adds a way for 3rd parties to introduce their own logic or processing

  • Runs between an action being dispatched and when it hits the reducer

Logging Middleware

  • Since all state updates happen through Redux actions, we have a centralized point to intercept and log state changes

  • All actions having a serializable type gives us a human readable name to understand the intent of state changes

  • Pure reducers make logging the before state and after state very useful and simple

Previousredux-storeNextredux-thunk

Last updated 5 years ago

Was this helpful?