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. Learn more →
Top 23 JavaScript Router Projects
-
//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: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465 export function resetRouter() { const newRouter = createRouter() router.matcher = newRouter.matcher // reset router } export default router
-
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)
-
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
-
-
-
-
Project mention: What is e.defaultPrevented and why library authors MUST use it | dev.to | 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!
-
-
-
-
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) | news.ycombinator.com | 2023-06-01 -
Project mention: Best way to use Pi-Hole while utilizing all the FWG features | /r/firewalla | 2023-05-22
search https://help.firewalla.com you will find more articles on this topic. And if not, the communitly likely have more https://help.firewalla.com/hc/en-us/community/topics/360001948014-Expanding-Firewalla-Docker-Third-Party-Apps-Scripts-
-
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 -
-
abstract-state-router
Like ui-router, but without all the Angular. The best way to structure a single-page webapp.
I'm still using https://github.com/TehShrike/abstract-state-router 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"
-
OpenWRT with wrtbwmon is another good option
-
-
-
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)
-
-
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 https://github.com/spr-networks/super/issues/134. 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
- UI kits, form validation, SPA routing. Why basic libraries are so hard to find.
- Raspberry Pi 4 Showcase: A Secure Programmable Router
- Upgrade to next-level WiFi with an open-source, secure programmable router
- SPR: Open Source, Secure Programmable Routers
- Show HN: Supernetworks' Secure Programmable Router
- Self-Hosted Bandwidth Monitor.
- An alternative to react router
-
A note from our sponsor - Sonar
www.sonarsource.com | 8 Jun 2023
Index
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.
www.sonarsource.com