[Question] What are some recommended patterns of clearing multiple containers at once? about unstated-next HOT 3 OPEN

In the situation where you need to clear multiple containers when a user logs out you just need to make sure that all the <StateContainer.Provider>s you want to clear are unmounted when a user logs out.

See an example based off react router auth.

Click protected, log in, click buttons to update state, log out, then repeat to see the state being reset to the initial state. Hope that helps 👍

from unstated-next.

great question i'm running into the same issue

from unstated-next.

Great question. In my experience, this is where "events" come into play -- where one component can listen for dispatched events from another component. IMO this is where this library falls down -- it ties function execution to state manipulation too closely.

Redux-like solutions really shine here.

Event dispatching/listening is incredibly powerful. In your case, maybe and Auth component dispatches "auth/logout" event, and other components listen for "auth/logout" and do whatever they need to do, eg initialState. (This ability is why I use rematch on top of redux.)

from unstated-next.