在我的 redux 商店中将我的插座放在哪里？

Question

Currently I am using slices and redux-thunks to create my redux store. I am fairly new to redux and I quickly realized that state is not the place to store my socket connection. The socket connection is global and is used by almost all of the components. And most importantly the socket connection needs to stay open, so I can't be making a new connection on each dispatched action.

Any advice, suggestions, or examples would be much appreciated.

Answer 1

Websockets should typically go in a Redux middleware, where they have access to dispatch and getState :

https://redux.js.org/faq/code-structure#where-should-websockets-and-other-persistent-connections-live