/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

26 votes93 views5 answers
React image
Javascript React
8 votes118 views2 answers
React set title of page
Javascript React
0 vote98 views2 answers
Prism react renderer
Javascript React
5 votes99 views2 answers
Update react version
Javascript React
0 vote106 views1 answer
React native style variable
Javascript React
3 votes101 views2 answers
React-native android build apk
Javascript React
0 vote143 views1 answer
React native star rating component
Javascript React
0 vote100 views1 answer
Route guards in react
Javascript React
0 vote103 views1 answer
_40 0 _55 null _65 0 _72 null react native fetch
Javascript React
0 vote95 views1 answer
React custom hook refetch data
Javascript React