Как получить оперативные данные с помощью websocket и получить их?

#reactjs #websocket #real-time

Вопрос:

Я должен был получать оперативные данные из API (это может быть из express, но я планировал получить их из другого источника) с помощью WebSocket и выборки. Например, каждый раз, когда отправляется новое сообщение, я хочу показать это в режиме реального времени. Я очень новичок в Websocket и реагирую. есть какие-нибудь предложения, пожалуйста?

 useEffect(() => {
    fetch("http://localhost/posts")
      .then((res) => res.json())
      .then(
        (result) => {
          setIsLoaded(true);
          setItems(result);
        },
        (error) => {
          setIsLoaded(true);
          setError(error);
        }
      );
  }, []);