How to implement and read the values from socket IO and update the React application with the values?

[shreyas JOshi]

I am new to socket io and I could find only chat app examples.

Here I have an application example NAT component, whenever we visit this page, I want the NAT page to prepopulate from the values from the backend. I want to use socket io to read those values. Currently, I don't know what is the free backend like firebase I can use to mock those values. Also, how to read those values using socket io and update the fields in the NAT based on what it has read?

https://codesandbox.io/s/react-material-ui-forked-z3lfbs?file=/src/Components/Exercises/Nat.js:0-4650

[Gayathri KarunaiAnandam]

Hi Shreyas,

Greetings from Syncfusion support,

We've verified your query and, based on your needs, we've recommended a few articles that will help you meet your objectives. Please see the articles below for more information.

https://www.freecodecamp.org/news/how-to-create-a-realtime-app-using-socket-io-react-node-mongodb-a10c4a1ab676/

https://dev.to/bravemaster619/how-to-use-socket-io-client-correctly-in-react-app-o65

Please get back to us if you have any queries.

Regards,

Gayathri