JSFiddle - React, Tailwind, and code Playground

JavaScript

// boiler plate pour afficher des trucs à l'écran
    function write(t){
      var pre = document.createElement("p");
      pre.innerHTML = t;
      document.body.appendChild(pre);
    };

    // serveur de test public
    websocket = new WebSocket('ws://echo.websocket.org');

    write('Connexion..');

    // code à déclencher quand le connexion est ouverte
    websocket.onopen = function(evt) {
      write('Connected');
      // il n'y a pas de verbes GET/POST, etc en websocket
      // on envoie les messages et c'est tout.
      for (var i=0; i < 10; i++) {
        write('Envoie des données');
        websocket.send(i + " - " + new Date());
      }

      websocket.send(i + " - " + new Date());
    };

    // code à déclencher si le serveur nous envoie spontanément
    // un message
    websocket.onmessage = function(evt) {
      // ce serveur de texte nous renvoie notre message, mais ce n'est pas
      // une réponse dans le sens ou ce message n'est pas lié au précédent.
      write('Le serveur envoie (' + evt.data + ')');
    };

    // en cas d'erreur
    websocket.onerror = function(evt){
      console.log(evt);
    };