node js socket io react code example

Example 1: socket.io cdn

<script src="https://cdn.socket.io/socket.io-3.0.1.min.js"></script>

Example 2: 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>
  );
}