JavaScript Middleware

Open-source JavaScript projects categorized as Middleware Edit details

Top 23 JavaScript Middleware Projects

  • redux-saga

    An alternative side effect model for Redux apps

    Project mention: Inflist, an experiment using PureScript and React | dev.to | 2022-05-13

    The most “unstable” part is probably the logic dealing with the storage. There is a persistence layer inside Inflist passed around as a dependency, and its only implementation is using the Local Storage as anticipated. This layer is executed directly through the React components using native hooks like useAff, and thus managed by the React lifecycle events. This can definitely be improved using a more solid approach from libraries like Redux-Saga.

  • session

    Simple session middleware for Express

    Project mention: Session Management on Google Cloud Run with Serverless Redis | dev.to | 2021-07-05

    If you want to store your session data manually on Redis, check here. But in this article I will use Express session middleware which can work with Redis for user session management.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • cors

    Node.js CORS middleware

    Project mention: Angular 6 HttpClient - Issues with CORS | reddit.com/r/codehunter | 2022-05-12

    My Nodejs restful service has the following endpoint http://localhost:3000/api/countries. I am using this middleware https://github.com/expressjs/cors. I have cors enabled thus:-

  • body-parser

    Node.js body parsing middleware

    Project mention: How to use celebrate with Node.js | dev.to | 2022-05-24

    body-parser is a middleware that parses the body of incoming requests, and exposes the resulting object on req.body

  • Neutrino

    Create and build modern JavaScript projects with zero initial configuration.

    Project mention: Boilerplates For ReactJS | reddit.com/r/reactjs | 2022-05-05

    Neutrino

  • Grant

    OAuth Proxy

    Project mention: Made an API(Express, Node)and Frontend(React). Now i want to add Authentication feature so that when user logs in, only then he lands on my Home Page.Sugggest good Resouces for these steps... | reddit.com/r/node | 2021-12-11

    An alternative to passport is https://github.com/simov/grant

  • express-status-monitor

    🚀 Realtime Monitoring solution for Node.js/Express.js apps, inspired by status.github.com, sponsored by https://dynobase.dev

    Project mention: Amazon’s DynamoDB – 10 years later | news.ycombinator.com | 2022-01-20

    Have you seen Dynobase? https://dynobase.dev

  • JetBrains

    Developer Ecosystem Survey 2022. Take part in the Developer Ecosystem Survey 2022 by JetBrains and get a chance to win a Macbook, a Nvidia graphics card, or other prizes. We’ll create an infographic full of stats, and you’ll get personalized results so you can compare yourself with other developers.

  • middy

    🛵 The stylish Node.js middleware engine for AWS Lambda 🛵

    Project mention: Your CORS and API Gateway survival guide | dev.to | 2022-03-15

    If you use Javascript, check out the Middy middleware engine for use with Lambda. It has a lot of nice middlewares that handle the boring boilerplate of your Lambda functions. One is the cors middleware, which automatically adds CORS headers to your functions.

  • compression

    Node.js compression middleware

  • webpack-dev-middleware

    A development middleware for webpack

    Project mention: Set custom MIME rules for create-react-app | reddit.com/r/reactjs | 2022-01-22

    It looks like this should have been fixed back in 2017: https://github.com/webpack/webpack-dev-middleware/issues/229

  • webpack-hot-middleware

    Webpack hot reloading you can attach to your own server

    Project mention: EventSource's response has a MIME type ("text/html") that is not "text/event-stream". Aborting the connection | reddit.com/r/codehunter | 2022-05-01

    "webpack": "^2.5.1","webpack-dev-middleware": "^1.8.4","webpack-hot-middleware": "^2.22.1", I've found https://github.com/webpack-contrib/webpack-hot-middleware/issues/26 this but it didn't help me

  • csurf

    CSRF token middleware

    Project mention: Understanding CSRF Attacks | dev.to | 2022-05-29

    If you use Express, I recommend using the csurf library since it's more robust and flexible compared to what I could show in this example above.

  • express-fileupload

    Simple express file upload middleware that wraps around busboy

  • serve-static

    Serve static files (by expressjs)

    Project mention: Serving static files with Node.JS | dev.to | 2022-04-12
  • apicache

    Simple API-caching middleware for Express/Node.

    Project mention: Caching In Node.js Applications | dev.to | 2022-01-18

    In-process caching may be implemented in a Node.js application through libraries, such as node-cache, memory-cache, api-cache, and others. There is a wide variety of distributed caching solutions, but the most popular ones are Redis and Memcached. They are both in-memory key-value stores and optimal for read-heavy workloads or compute-intensive workloads due to their use of memory rather than the slower on-disk storage mechanisms found in traditional database systems.

  • next-connect

    The TypeScript-ready, minimal router and middleware layer for Next.js, Micro, Vercel, or Node.js http/http2

    Project mention: rtk query with mongodb | reddit.com/r/reduxjs | 2022-02-21

    import { getMongoClient } from 'lib/mongodb'; async function createHandler(req, res) { const { text } = req.body; const createdAt = new Date(); if (!text) { res.status(400).json({ message: 'Validation errors', errors: { text: ['Please add a text value'], }, }); return; } const goals = (await getMongoClient()).db.collection('goals'); const { insertedId: _id } = await goals.insertOne({ text, createdAt, }); res .status(201) .json({ _id, text, createdAt }); } async function listHandler(req, res) { const goals = (await getMongoClient()).db.collection('goals'); const list = []; const cursor = goals.find({}, { sort: { createdAt: 1 }, }); if ((await goals.estimatedDocumentCount()) === 0) { res.status(204).send(undefined); return; } while (await cursor.hasNext()) { const goal = await cursor.next(); list.push(goal); } res.json(list); } // Instead of this you should use https://github.com/hoangvvo/next-connect export default function handler(req, res) { if (req.method === 'POST') { createHandler(req, res); } else { listHandler(req, res); } }

  • react-redux-loading-bar

    Loading Bar (aka Progress Bar) for Redux and React

  • restana

    Super fast and minimalist framework for building REST micro-services.

    Project mention: Spring Dev looking at Nest.JS and I have some major concerns about the packages that its built on and the node community more generally. | reddit.com/r/node | 2021-06-27

    Most newer server frameworks are quite easy to modify and update yourself. For instance, I added async middleware support to https://github.com/BackendStack21/restana without being that familiar with the codebase.

  • Expressa

    API creation middleware with an admin interface

  • express-basic-auth

    Plug & play basic auth middleware for express

    Project mention: securing Swagger api-docs endpoint using express-basic-auth throwing 401 error | reddit.com/r/learnjavascript | 2022-03-25

    i am trying to secure my Swagger-API docs endpoint using the Express-basic-auth package but somehow this does not work, it returns a 401 error despite following the example. below is my sample code.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2022-05-29.

JavaScript Middleware related posts

Index

What are some of the best open-source Middleware projects in JavaScript? This list will help you:

Project Stars
1 redux-saga 22,232
2 session 5,732
3 cors 5,431
4 body-parser 5,097
5 Neutrino 3,895
6 Grant 3,644
7 express-status-monitor 3,358
8 middy 2,896
9 compression 2,551
10 webpack-dev-middleware 2,388
11 webpack-hot-middleware 2,301
12 csurf 2,247
13 cookie-parser 1,751
14 redux-search 1,403
15 express-fileupload 1,302
16 serve-static 1,292
17 apicache 1,103
18 next-connect 1,085
19 cookie-session 1,016
20 react-redux-loading-bar 916
21 restana 390
22 Expressa 389
23 express-basic-auth 292
Find remote jobs at our new job board 99remotejobs.com. There are 4 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Static code analysis for 29 languages.
Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.
www.sonarqube.org