Learning Redux

Using our own middleware pattern

Now we can make use of our middleware pattern:

1. First, we create an instance:

const instance = new Middleware()

2. Then, we define a Middleware that waits 500 milliseconds and sets some value on the instance:

instance.use(function (next) {  setTimeout(() => {    console.log('first')    this.firstMiddlewareLoaded = true    next()  }, 500)})

Note that we use the function () { } syntax to define the middleware function. Using this syntax ensures that the function gets its own this context (which, in this case, will be the instance). An arrow function, however, inherits the this context from the upper scope.

3. We define another Middleware that waits 250 milliseconds and sets some value on the instance:

instance.use(function ...