Do I need to move the logic related to communication with the back to a separate file?

Question

JavaScript

Hello. Learning to work with React. I decided to write a small sports application for myself. To communicate with the backend, I use the socket.io library. The question is where exactly you need to connect this library. In each component where is it required? Or include in app.js and then pass through props. Or is it better to take everything out as a separate file, and then connect it where it is needed?
I need advice from experienced programmers

Answer 1

Look towards React Hooks and Context API
https://medium.com/@alexboots/using-react-context-...