socket programming react code example

Example 1: how react with socket

connect to the socket server on component mount with useEffect
save each new incoming message in the component's state.

function App() {
  const [response, setResponse] = useState("");

  useEffect(() => {
    const socket = socketIOClient(ENDPOINT);
    socket.on("FromAPI", data => {
      setResponse(data);
    });
  }, []);

  return (
    <p>
      It's <time dateTime={response}>{response}</time>
    </p>
  );
}

Example 2: how to connect socket in react js

npm i socket.io-client