The easiest way to keep NgRx state after refresh (rehydrate it from localStorage)

When using Angular with NgRx, ensuring state persistence after a user refreshes the site or leaves temporarily is crucial. The simplest approach involves syncing state changes to localStorage and rehydrating the state from localStorage as the initial state. Though there are npm libraries available for this, it can be easily implemented using a custom function that intercepts the initial state and all reducer creations. This function saves the new state to localStorage and returns it, offering a lightweight and straightforward solution for state persistence.