vanilla-spa
A simple SPA implementation built in vanilla javascript.
Installation
You can easily install VanillaSpa using npm.
npm install vanilla-spa --save
Dependencies
None! VanillaSpa is made entirely in vanilla ES6 javascript.
However, Since VanillaSpa uses AJAX to dynamically load views, you'll need to set up a local server.
The simplest way to do this is by globally installing http-server using npm.
Then, run http-server
in your code directory and open your browser to localhost:8080
npm install -g http-server
cd /path/to/project/
http-server -o
index.html
The index.html is like a "shell" for the routes to be injected into.
<!-- The main element that will receive the routed content --> <!-- Load Vanilla Spa --> <!-- Load the router -->
router.js
This is where your route configuration goes.
const r = // first, pass in the route configuration about: 'menu.html' 'about.html' home: 'menu.html' 'home.html' '#default': 'menu.html' // then, pass in the element to inject the route into document;