JavaScript Router

Open-source JavaScript projects categorized as Router

Top 23 JavaScript Router Projects

  • vue-router

    🚦 The official router for Vue 2

    Project mention: Build complex SPAs quickly with vue-element-admin | | 2023-03-30

    //src/router /* eslint-disable */ import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) import Layout from '@/layout' export const constantRoutes = [ { path: '/redirect', component: Layout, hidden: true, children: [ { path: '/redirect/:path(.*)', component: () => import('@/views/redirect/index') } ] }, { path: '/login', component: () => import('@/views/login/index'), hidden: true }, { path: '/auth-redirect', component: () => import('@/views/login/auth-redirect'), hidden: true }, { path: '/404', component: () => import('@/views/error-page/404'), hidden: true }, { path: '/401', component: () => import('@/views/error-page/401'), hidden: true }, { path: '/', component: Layout, redirect: '/dashboard', children: [ { path: 'dashboard', component: () => import('@/views/dashboard/index'), name: 'Dashboard', meta: { title: 'Dashboard', icon: 'dashboard', affix: true } } ] }, { path: '/posts', component: Layout, children: [ { path: 'index', component: () => import('@/views/posts/index'), name: 'Posts', meta: { title: 'Posts', icon: 'post', affix: true } } ] }, { path: '/profile', component: Layout, redirect: '/profile/index', hidden: true, children: [ { path: 'index', component: () => import('@/views/profile/index'), name: 'Profile', meta: { title: 'Profile', icon: 'user', noCache: true } } ] } ] /** * asyncRoutes * the routes that need to be dynamically loaded based on user roles */ export const asyncRoutes = [ // 404 page must be placed at the end !!! { path: '*', redirect: '/404', hidden: true } ] const createRouter = () => new Router({ scrollBehavior: () => ({ y: 0 }), routes: constantRoutes }) const router = createRouter() // Detail see: export function resetRouter() { const newRouter = createRouter() router.matcher = newRouter.matcher // reset router } export default router

  • Mithril.js

    A JavaScript Framework for Building Brilliant Applications

    Project mention: Am I missing something with React? | /r/ExperiencedDevs | 2023-02-17

    On the other hand, if your app does need to update live but you want to keep things a bit closer to the metal than React, I highly recommend Mithril. It is a great everything-you-need-nothing-you-don't framework with a similar design philosophy to React but a much smaller and easier to learn API. I think Preact falls into a similar category though I have not used it personally.

  • Klotho

    AWS Cloud-aware infrastructure-from-code toolbox [NEW]. Build cloud backends with Infrastructure-from-Code (IfC), a revolutionary technique for generating and updating cloud infrastructure. Try IfC with AWS and Klotho now (Now open-source)

  • single-spa

    The router for easy microfrontends

    Project mention: Vue 2 EOL | /r/vuejs | 2023-05-30

    You may want to look into using single-spa to run Vue 2 and Vue 3 side by side while you're migrating. Once your app is fully converted, you can stop using single-spa

  • wouter

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

    Project mention: What is your biggest pain as a Flutter developer? | /r/FlutterDev | 2023-04-12
  • hybrids

    Extraordinary JavaScript UI framework with unique declarative and functional architecture

  • redux-router

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

  • highway

    Highway - A Modern Javascript Transitions Manager (by Dogstudio)

    Project mention: What is e.defaultPrevented and why library authors MUST use it | | 2023-01-06

    @dogstudio/highway is one such library that doesn't check for that, and thus preventing the default behavior of an anchor will not prevent further navigation.

  • 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!

  • find-my-way

    A crazy fast HTTP router

  • react-router-component

    Declarative router component for React.

  • react-router-scroll

    React Router scroll management

  • hyper-express

    High performance Node.js webserver with a simple-to-use API powered by uWebsockets.js under the hood.

    Project mention: HyperExpress – High-perf HTTP/ws server (~20x Express.js) | | 2023-06-01
  • firewalla

    Project mention: Best way to use Pi-Hole while utilizing all the FWG features | /r/firewalla | 2023-05-22

    search you will find more articles on this topic. And if not, the communitly likely have more

  • svelte-router

    Svelte Router adds routing to your Svelte apps. It's designed for Single Page Applications (SPA). Includes localisation, guards and nested layouts.

    Project mention: UI kits, form validation, SPA routing. Why basic libraries are so hard to find. | /r/sveltejs | 2023-06-03
  • react-breadcrumbs

    Automatic breadcrumbs for React-Router

  • abstract-state-router

    Like ui-router, but without all the Angular. The best way to structure a single-page webapp.

    Project mention: Svelte is migrating from TypeScript to JSDoc | | 2023-05-10

    I'm still using which I wrote years ago after thinking "ui-router is great, but I need a version that can keep using no matter what component library I want to use in the future"

  • luci-wrtbwmon

    Bandwidth tracker for OpenWRT that uses wrtbwmon

    Project mention: Self-Hosted Bandwidth Monitor. | /r/selfhosted | 2023-04-07

    OpenWRT with wrtbwmon is another good option

  • found-relay

    Relay integration for Found

  • monorouter

    An isomorphic JS router

  • router-benchmark

    Benchmark of the most commonly used http routers

    Project mention: Routup | /r/node | 2023-05-15

    I got the point of it, but it's really hard to do by just reading the readme. Here I found different routers to compare with, there are two kinds: frameworks like express, fastify, and second kind is framework-independent routers like find-my-way. Routup isn't the first case - not a framework, and not the second case - does more than just a router, so it's somewhere in between.

  • react-native-boilerplate

    Ready-made structure of your next React Native application within a few minutes. (by VaheSaroyan)

  • nuxt-route-meta

    Adds Nuxt page data to route meta at build time. Also supports TypeScript.

  • super

    SPR is a secure programmable router. (by spr-networks)

    Project mention: Raspberry Pi 4 Showcase: A Secure Programmable Router | /r/raspberry_pi | 2023-05-19

    The other thing we've been tasked to work on is load balancing across uplink interfaces, and we're happy for more feedback for how the feature should work. That's tracked under here We will likely use the fwmark capabilities (which we already use for redirecting traffic to site-to-site vpn connections)

  • InfluxDB

    Access the most powerful time series database as a service. Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.

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 2023-06-03.

JavaScript Router related posts


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

Project Stars
1 vue-router 18,998
2 Mithril.js 13,643
3 single-spa 12,373
4 wouter 5,194
5 hybrids 2,801
6 redux-router 2,319
7 highway 1,419
8 find-my-way 1,292
9 react-router-component 875
10 react-router-scroll 845
11 navaid 739
12 hyper-express 726
13 firewalla 476
14 svelte-router 476
15 react-breadcrumbs 409
16 abstract-state-router 291
17 luci-wrtbwmon 287
18 found-relay 277
19 monorouter 140
20 router-benchmark 72
21 react-native-boilerplate 39
22 nuxt-route-meta 38
23 super 23
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.