Abinav Seelan

@abinavseelan

@abinavseelan

Web Engineer

blog.campvanilla.com

Refresher 🛀🏻

Redux is a

state management library

Core Principles

• Single Source of truth

• State is read-only

• Modifications to the state occur through pure functions

To paint a picture... 👨🏻‍🎨

Actions

View

Reducers

Actions

View

Reducers

Middleware 👨‍💻👩‍💻

// Middleware format

function(store) {
    return function(next) {
        return function(action) {

            // middleware logic
        }
    }
}

// Middleware format

const awesomeMiddleware = (store) => (next) => (action) {
    // Do something with `store` and `action`

    // Call next(action) once you're done!
    next(action);   
}

This looks familiar! 🤯

// It's similar to express.js middleware!

app.use((request, response, next) => {
    // do something with request and response

    // call next once you're done.
    next(request, response);
});

A pretty detailed explanation https://goo.gl/MZ4KsF

tl;dr

Allows applyMiddleware() to independently pass the store and then compose the list of middleware

Source Code: https://goo.gl/6FoZEX