use-socket.io-client

React(^16.8.0) hook for socket.io-client, manipulate socket.io client without any side effect.

//In legacy, you would write like this:
import io from 'socket.io-client';
socket = io('ws://host:port');

//Now, you could easily write this inside the body of a function component:
import useSocket from 'use-socket.io-client';
const [socket] = useSocket('ws://host:port')

Installation

$ npm i use-socket.io-client

Example

import useSocket from 'use-socket.io-client';

//You can treat "useSocket" as "io"
const [socket] = useSocket('ws://localhost:8080',{
    autoConnect: false,
    //any other options
  });
  
//connect socket
socket.connect();

//add event
socket.on('message',(text)=>{
  console.log(text);
});

//emit
socket.emit('message','this is demo..');