Socket refresh heads-up

Hi!

Might be obvious to most, but I made the mistake of using “Refresh Server Action” for everything, which caused big performance issues. When developing, it’s all fine as you’re the only one testing the app, but when I started to have more users I noticed the problem.

When I wanted to refresh data for 1 user, and I used “Refresh Server Action”, it was obviously refreshing ALL user’s api’s, which basically froze the app for everyone.

So when a refresh is needed:

Use Emit for a group of users that you want to target (for example if all users within a company need an update):

• In my case when a user connects, it connects to the room of his company id
  

So when I want to refresh all users from 1 specific company, I emit to the company room:

Screenshot 2022-06-23 at 16.26.372090×656 55.9 KB

Use Direct Message to target just one user

• When a user connects to the app, I update a database table with the user’s socket id, which I look up when needed and send a direct message to only his socket id

Screenshot 2022-06-23 at 16.33.282096×696 87.3 KB

Then in the front-end, you can use the socket component to handle the socket messages for the specific socket events, and run the database refreshes:

Screenshot 2022-06-23 at 16.35.26786×810 42.9 KB

So again, probably obvious, but I wanted to spare you the time of re-doing all this like me in case you just got started with developing with only the “Refresh server action”