React hook for socket.io client, manipulate without any side effect.
npm install use-socket.io-clientjavascript
//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
`javascript
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..');
``