spx.on

The spx.on method in SPX serves as an event listener of the navigation Lifecycle. Use this method to monitor and manipulate how SPX behaves at key junctures such as connection, fetching, caching, rendering and loaded stages.

import spx from 'spx';
spx.on('connect', function(){})    // Fires on DOMContentLoaded
spx.on('visit', function(){})      // Fires on <a> clicks
spx.on('prefetch', function(){})   // Fires on <a> prefetches, i.e, hover
spx.on('fetch', function(){})      // Fires before an XHR fetch begins
spx.on('cache', function(){})      // Fires before page is cached
spx.on('render', function(){})     // Fires after morph but before swap
spx.on('load', function(){})       // Fires for each page render

Order of Execution

1. "connect"
2. "visit"
3. "prefetch"
4. "fetch"
5. "cache"
6. "render"
7. "load"

Context