TechPrufer
Get started
Spotify
Spotify logoSpotify · Feature trail

URL State Management with Redux

1 post · Jul 2017

What this trail covers

Spotify has developed Redux-Location-State (RLS), a Redux middleware that synchronizes specific pieces of application state with the browser's URL. This allows for a unified source of truth where both the Redux store and the URL accurately reflect the application's current state, enabling features like bookmarking, sharing, and using browser navigation (back/forward buttons) seamlessly. RLS supports configurable state mapping, initial state loading, and URL cleanup when state is reset.

All Spotify trails
  1. Thinking of State in a World of URLsThis post introduces Redux-Location-State (RLS), a new Redux middleware. RLS tracks designated pieces of state and reflects them in the URL, and vice-versa. It allows developers to declare which state parts are URL-bound and their types, and maps them to specific URLs. The middleware handles initial state loading and URL cleanup when state is in its initial configuration. It was built to address the challenge of maintaining a single source of truth between the Redux store and the user-facing URL, especially with the advent of React and Redux.