React Socket Hooks

A set of react hooks to work real nice with the WebSocket API.

import { useCallback } from "react";
import useSocket from "react-socket-hooks";

const mySocketMessageHandler1 = useCallback(msg => console.log(msg), []);
const mySocketMessageHandler2 = useCallback(msg => console.log("ohmy", msg), []);

const { useMessageHandler, send } = useSocket("wss://example.com");
useMessageHandler(mySocketMessageHandler1);
useMessageHandler(mySocketMessageHandler2);

// …later, perhaps in response to a user action
send("hello, server");

Install with Yarn:

yarn add react-socket-hooks

or if Yarn isn't your thing:

npm install react-socket-hooks --save

This library makes use of and assumes the WebSocket API is available on the global scope. You will need to polyfill it if it is not available in the current environment.

Build/Run Locally

After cloning this repo, run:

yarn
yarn lint
yarn test
yarn compile