/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

2 votes145 views1 answer
Scoll to top on each route react
Javascript React
1 vote151 views2 answers
Expo create react native app
Javascript React
0 vote131 views1 answer
React native Stack Navigation Prop unused variable
Javascript React
1 vote124 views1 answer
React native detect production
Javascript React
126 votes268 views4 answers
Npm create react app
Javascript React
0 vote128 views1 answer
React native hide stack navigator title
Javascript React
1 vote137 views1 answer
How to setup React Context, useContext Hook
Javascript React
0 vote128 views1 answer
Resellerclub api with react js
Javascript React
23 votes126 views3 answers
Copy text to clipboard javascript react
Javascript React
-1 vote128 views1 answer
New Map() collection in react state
Javascript React