Route events

VistaJS allows you to interact with route resolution cycle through events in a lower level.

CHANGE_START

Triggered as soon as a navigation begins

import { routingEventListener, RouterEvents } from 'vistajs/router';

routingEventListener.on(RouterEvents.CHANGE_START, () => {
  // Your code here
});

CHANGE_LOADING_START

Triggered right after the previous event, it represents the loading state while routes are beeing resolved, setting the loading state to true .

import { routingEventListener, RouterEvents } from 'vistajs/router';

routingEventListener.on(RouterEvents.CHANGE_LOADING_START, () => {
  // Your code here
});

CHANGE_LOADING_END

Triggered when a route resolution attempt finishes, setting the loading state to false, regardless route resolved successuly or not.

import { routingEventListener, RouterEvents } from 'vistajs/router';

routingEventListener.on(RouterEvents.CHANGE_LOADING_END, () => {
  // Your code here
});

CHANGE_ERROR

Triggered when route could not be resolved, it's triggered right before CHANGE_LOADING_END event.

import { routingEventListener, RouterEvents } from 'vistajs/router';

routingEventListener.on(RouterEvents.CHANGE_ERROR, () => {
  // Your code here
});

CHANGE_END

Triggered when resolution ends, regardless route was resolved successfully or not.

import { routingEventListener, RouterEvents } from 'vistajs/router';

routingEventListener.on(RouterEvents.CHANGE_END, () => {
  // Your code here
});