Rediscovering Express | Middlewares and Higher Order Functions part 1

Like I said in the first post of the series, Express is all about middlewares. So, here's the problem statement

Problem Statement

Can we create a middleware out of any function, so that developers don't have to worry about the tricky syntax and testing of middlewares

Well, the hardest part is over, defining the problem. Let's get our hands dirty now.

The generic syntax of a middleware is

//generic express middleware syntax
const middleware = (req, res, next) => {
  // EXECUTION LOGIC
  next(); // This is where the control leaves this middleware and moves to next item in the queue, which could be another middleware, or the final controller etc
}

Our intention is make it work in a way, that we should be able to inject the EXECUTION LOGIC dynamically.

For this, we slightly move away from OOPS of JS and take help of a functional programming concept called Higher Order Function.

How does it help, you ask? Well, we're going to create a function, that returns a middleware. and through that function, we're going to inject the execution logic.

We're going to create a file, withMiddleware.js

//withMiddleware.js

//Higher Order Function
const withMiddleware = (func) => {
  return (req, res, next) => {
    func(); //func has the EXECUTION LOGIC
    next();
  }    
}

module.export = withMiddleware;

Let's see how we can make this work for us.

const withMiddleware = require('./withMiddleware');

const funcOne = () => {
  //YOUR BUSINESS LOGIC
}

const funcTwo = () => {
  //YOUR ANOTHER BUSINESS LOGIC
}

const middlewareOne = withMiddleware(funcOne);
const middlewareTwo = withMiddleware(funcTwo);

//use this middlewares in a standard way.
app.get("/path", middlewareOne, middlewareTwo, (req, res)=>{
  //further execution, if any
  res.send({});
})

The Magic ends here for now, but there are a few problems yet to be solved for this. In the next post we're going to take this a little higher and address the following

How will we handle the async middlewares?
What if I'm writing auth or validation middlewares, that needs access to the request object?
Passing data between middlewares? Although we solved it in the first post, see the PS: section, but how can we make it work effortlessly
Logging. The generic activities of the middlewares needs to be logged. Like, in case of async middleware, that fetches data over another API, or fetches data from a DB, the time taken for the async operation needs to be logged.

Express middlewares and Higher Order Functions

Comments

Rediscovering ExpressJS Applications

Express Middlewares and Higher Order Functions, part 2

More from this blog

Organizing your react components

Green Code: Reducing your websites' carbon footprint

2022 Guide to deploy nextJS containers on Fargate with CDK

Why ionic isn't the right choice anymore

Beta releasing new features on your react application

Problem Statement

Command Palette

Comments

Rediscovering ExpressJS Applications

Express Middlewares and Higher Order Functions, part 2

More from this blog

Problem Statement