Skip to content

winstonDeGreef/client-side-router

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 

Repository files navigation

client-side-router

A vanilla js client side router

using

import the Router class.
import Router from "./router.js"
and create a new router class. Note that some things will brake if you create multiple instances.
The first argument is the container element to change when moving to a different url.
The second url is a map of all the possible urls to the html. (These start with a /.) This can be a string or a html element that will set the html of the container element. It can also be a function, this function gets called with the container Element as it's argument.
The thrid argument is a settings object with the settings:
   1. autoRouteAnchorElements: automatically use the router when clicking on anchor elements. (only if the url has the same origin as the page.) default: true.
   2. "404route": When navigating to a route that isn't in the routes object, it will render routes[settings["404route"]]. default: "404".
   3. stackLinks: when a user clicks on a link while already being on that route, rerender the page.

About

A vanilla js client side router

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published