Example for a Client in React

You can use the following sample code, it opens a connection to localhost server listening port 5414.
When connects to server, sends the message "Message from react".

import React, { Component } from 'react';

export class sgcWebSockets extends Component {
    static displayName = sgcWebSockets.name;

    constructor(props) {
        super(props);
        this.ws = WebSocket
        this.websocketOpen = this.websocketOpen.bind(this);
    }

    websocketOpen() {

        this.ws = new WebSocket('ws://localhost:5414')

        this.ws.onopen = () => {
            // connected
            this.ws.send('Message from react')
        }
        this.ws.onmessage = evt => {
            // listen to data sent from the websocket server
            const message = JSON.parse(evt.data)
        }

        this.ws.onclose = () => {
            // disconnected
        }
    }

    render() {
        return (
            <div>
                <h1>sgcWebSockets</h1>
                <button className="btn btn-primary" onClick={this.websocketOpen}>Connect</button>
            </div>
        );
    }
}

Kind regards,
Sergio