Temps réel dans React : bien utiliser les WebSockets avec Socket.IO

Sur un chat temps réel ou du suivi GPS, la qualité perçue dépend surtout de la robustesse de la couche réseau. Une mauvaise gestion de reconnexion transforme une démo impressionnante en produit frustrant.

Toujours nettoyer ses listeners

useEffect(() => {
  socket.on('message:new', onNewMessage);
  return () => {
    socket.off('message:new', onNewMessage);
  };
}, [onNewMessage]);

Ce simple cleanup évite les duplications de messages après navigation — le bug temps réel le plus courant que je rencontre en code review.