Learn How to use Context and Reducer Hooks in React.js by Creating a Global Snackbar.

Hey there, thanks!

Sure, the one I've used in this article is limited to a single complex state, so I use two contexts, one for the state and one for the dispatch function.

But if you plan to keep separate states, and retain the global functionality, you can create each context to deliver the state and the dispatch function in the same provider.

This is similar to how the Redux toolkit does, your slices map out to a state with their own reducer functions, only difference is, you have a common dispatch with the redux toolkit.