JavaScript Router

Open-source JavaScript projects categorized as Router

Top 23 JavaScript Router Projects

  • GitHub repo react-router

    Declarative routing for React

    Project mention: React Boilerplates in 2021 - The complete guide | dev.to | 2021-06-13

    The main difference between other tools on this list and react-boilerplate is that, post setup, we get a highly opinionated, yet highly feature-rich development setup with feature support for react-router for routing, redux for state management, redux-saga for enhancing redux, reselect for optimization, immer for immutability and styled components for fast-tracking development. Even the project structure is highly opinionated with separation between containers (connected to redux store) and components that are pure components.

  • GitHub repo vue-router

    🚦 The official router for Vue.js.

    Project mention: VueJS - (One more) way of structuring your project | dev.to | 2021-06-17

    Vue Router

  • GitHub repo Mithril.js

    A JavaScript Framework for Building Brilliant Applications

    Project mention: Show HN: Prestige, a text based HTTP client, for working with HTTP APIs | news.ycombinator.com | 2021-06-06

    Oh I'm not that super with JS to do something like this without a framework. It's running on MithrilJS (https://mithril.js.org/), which is, IMO, the most _practical_ framework for single page applications.

    But saving all the HTML/CSS/JS and running it locally should work fine nonetheless though. What I'm a bit doubtful of is, if it would be able to do the XHR calls on file:// protocol. I'm not sure about how the browsers of today behave there.

    Also, OAuth integration? Prestige has OAuth? (surprised-pikachu-face.gif)

  • GitHub repo single-spa

    The router for easy microfrontends

    Project mention: Building a cross platform app | reddit.com/r/microservices | 2021-06-02

    Take a look at single spa https://single-spa.js.org/ , it's a good way to tie these together.

  • GitHub repo wouter

    🥢 A minimalist-friendly ~1.5KB routing for React and Preact. Nothing else but HOOKS.

    Project mention: The tiniest CSS-in-JS solution for your open-source React components | dev.to | 2021-02-18

    wouter — a minimalist-friendly 1.3KB routing solution for React and Preact

  • GitHub repo swup

    :tada: Complete, flexible, extensible and easy to use page transition library for your static web.

    Project mention: Update display only after webpage has fully reloaded | reddit.com/r/learnpython | 2021-05-09

    I'm thinking swup and page transitions.

  • GitHub repo redux-router

    Redux bindings for React Router – keep your router state inside your Redux store

  • GitHub repo hookrouter

    The flexible, and fast router for react that is entirely based on hooks

    Project mention: React Hooks, Routing with a Layout | dev.to | 2020-11-20

    If there is a better way of achieving this with Paratron/hookrouter, please let me know in the comments.

  • GitHub repo Highway

    Highway - A Modern Javascript Transitions Manager (by Dogstudio)

    Project mention: Any Websites that won awwwards for animation/interactivety with open source code? | reddit.com/r/webdev | 2021-06-03

    3 June 2021 - steventaylor.com - this is a Wordpress site whose landing page seems to be mostly an intro video. Additional animation handled by GSAP and Highway.js. These and WP are all open source.

  • GitHub repo react-router-component

    Declarative router component for React.

  • GitHub repo react-router-scroll

    React Router scroll management

  • GitHub repo found

    Extensible route-based routing for React applications

    Project mention: Understanding render-as-you-fetch with Relay | dev.to | 2021-06-02

    So now we need to find a suitable router that can support this pattern of requesting data outside of the render path. The relay community has built an extension to Found - but it hasn't been updated for render-as-you-fetch. The Found router itself is quite flexible and extensible and so you could potentially implement entrypoints on top, but I haven't seen an example of this. As for other routers, I haven't seen any that aren't taking the react-router approach.

  • GitHub repo next-connect

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

    Project mention: How I built a SaaS with Next.js in a week | dev.to | 2021-06-03

    I use next-connect to use connect-like middlewares. A traditional API route handler in Next.js is like:

  • GitHub repo react-breadcrumbs

    Automatic breadcrumbs for React-Router

  • GitHub repo found-relay

    Relay integration for Found

    Project mention: Understanding render-as-you-fetch with Relay | dev.to | 2021-06-02

    So now we need to find a suitable router that can support this pattern of requesting data outside of the render path. The relay community has built an extension to Found - but it hasn't been updated for render-as-you-fetch. The Found router itself is quite flexible and extensible and so you could potentially implement entrypoints on top, but I haven't seen an example of this. As for other routers, I haven't seen any that aren't taking the react-router approach.

  • GitHub repo luci-wrtbwmon

    Bandwidth tracker for OpenWRT that uses wrtbwmon

    Project mention: Can someone help me understand why there's so much RX traffic on my dumb switch that has no active connections (plugged in directly to another switch > router) | reddit.com/r/openwrt | 2021-02-05
  • GitHub repo monorouter

    An isomorphic JS router

  • GitHub repo cloudflare-worker-router

    A super lightweight router (3.6 kB) with middleware support and ZERO dependencies for CloudFlare Workers, inspired by the express.js syntax.

    Project mention: Why I Fell in Love with Cloudflare Workers | reddit.com/r/javascript | 2021-02-15

    Also way faster, but doesn't support node.js. If you're looking for a more spicific example check out my github: https://github.com/tsndr/cloudflare-worker-router There's also a more manual style article in works, so stay tuned for that.

  • GitHub repo cerebral-module-router

    An opinionated URL change handler for Cerebral

  • GitHub repo cloudflare-worker-router-template

    A wrangler template for a super lightweight router (3.6 kB) with middleware support and ZERO dependencies for CloudFlare Workers, inspired by express.js syntax.

    Project mention: Since I wasn't able to find a workers router for my needs I created my own and wanted to share it with you guys :) | reddit.com/r/CloudFlare | 2021-02-03
  • GitHub repo nuxt-route-meta

    Adds Nuxt page data to route meta at build time.

    Project mention: Show HN: nuxt-route-meta – Access Nuxt page data in route objects | news.ycombinator.com | 2021-05-13
  • GitHub repo ftrouter

    A minimal file tree based api router for node rest api's.

    Project mention: Why I use Next.js for everything and why you shouldn't! | dev.to | 2021-04-19

    Don't have to add a router as the page structure defines routes (an inspiration for the statico generator and also ftrouter)

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 2021-06-17.

Index

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

Project Stars
1 react-router 43,390
2 vue-router 18,122
3 Mithril.js 12,723
4 single-spa 9,226
5 wouter 3,134
6 swup 3,009
7 redux-router 2,322
8 hookrouter 1,400
9 Highway 1,238
10 react-router-component 879
11 react-router-scroll 838
12 found 729
13 navaid 664
14 next-connect 624
15 react-breadcrumbs 404
16 found-relay 261
17 luci-wrtbwmon 207
18 monorouter 141
19 cloudflare-worker-router 29
20 cerebral-module-router 21
21 cloudflare-worker-router-template 8
22 nuxt-route-meta 7
23 ftrouter 6
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com