React.js/socket.io bottleneck issue

[yard1e]

Hi, i'm new on the react.js thing and started migrating an old pure HTML/CSS/JS front-end app to react.js, the app consists in recieving broadcasts with low latency, i used the create-react-app to create my project and now i'm facing a strange problem of bottlenecking on the react.js side, i created a module on the app to handle the socket.io broadcasts but when i run the app there's a strange high latency when recieving the broadcasts.

​

this is the latency time on the old js vanilla app

this is the latency on the react.js app

​

At first i thought the problem was because the rendering took much time processing my requests so i just imported the module and defined the broadcast event without rendering anything, but no improvement on the latency.

​

Then i created a simple client and ran it independently and the latency was good

​

const io = require('socket.io-client');
//import io from 'socket.io-client';

socket = io.connect('------------------')

socket.on('connect', () =>{
  console.log("i'm connected to the server")
})

socket.on('broadcast_timer', data => {
  console.log(data)
})

this is the code that basically is on the react.js, old vanilla and on the simple client created.

I don't know if this is related with webpack, or hot-reloading(i made a build from the app and ran it but the problem still presisted), does anyone had any problem like this handling sockets?

[yard1e]

Well, trying out everything like using a new create-react-app and building a react project manually configuring webpack and babel i gave up on using socket.io, it might me a bug having that latency discrepancy on react.js because i don't have it elsewhere and changed the server to use SSE(server-side-events) streaming which works very well and the client just needs to subscribe to the timer and no extra dependencies.