@types/history

Creating Browser History

This feature allows you to create a history object that uses the HTML5 history API to manage the session history. This is useful for web applications that need to manipulate the browser history.

import { createBrowserHistory } from 'history';
const history = createBrowserHistory();

Navigating Programmatically

Enables programmatic navigation in your application. You can use 'push' to add a new entry to the history stack or 'replace' to replace the current entry. This is particularly useful for handling redirects in single-page applications (SPAs).

history.push('/home');
history.replace('/login');

Listening to History Changes

This feature allows you to listen for changes in the history stack, which is useful for responding to back or forward navigation actions performed by the user.

history.listen((location, action) => {
  console.log(`The current URL is ${location.pathname}${location.search}${location.hash}`);
  console.log(`The last navigation action was ${action}`);
});