title: React/Redux global state management based on Socket.IO responses on client side?
body: <p>I have an web app with multiple features like private messaging, buying, offers etc. I want to make it to work real time so I decided to use socket.io. I use redux for global state management, but I don't know how can I combine this with socket.IO. This was my idea:</p>
  <p>1.Creating a file for socket handling with with exported functions to App.js to create a socket connection, sending and listening different data.</p>
  <p>2.Whenever I got something relevant for example a notification or a buying request I update my redux state.</p>
  <p>3.Finally in my components I will use useEffect for those global redux states and if it changes I will rerender my component based on my changed state.</p>
  <p>Is this a good approach? If not which is a proper way to globally mangage my components based on socket recieved informations?</p>