/Javascript/React/React native socket io

React native socket io

import React, { useState, useEffect } from "react";
import socketIOClient from "socket.io-client";
const ENDPOINT = "http://127.0.0.1:4001";

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>
  );
}

export default App;

Source: valentinog.com

Similar codes

5 votes151 views2 answers
Splash screen react native
Javascript React
0 vote85 views1 answer
React node github project
Javascript React
0 vote131 views1 answer
Deploy react to azure : web.config
Javascript React
0 vote142 views1 answer
`ForwardRef(ListboxComponent)`, expected a ReactNode. at ListboxComponent
Javascript React
5 votes150 views4 answers
Google map in react js
Javascript React
1 vote138 views1 answer
React native flatlist pull to refresh
Javascript React
0 vote185 views3 answers
SyntaxError: /mnt/c/myAppFile/hello-rails-react/app/javascript/components/Greeting.js: Support for the experimental syntax 'jsx' isn't currently enabled rails
Javascript React
0 vote134 views1 answer
React modal scroll 2 overlapping components
Javascript React
0 vote158 views1 answer
Convert integer month to string month react native
Javascript React
63 votes136 views3 answers
Concat two arrays in react
Javascript React