/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

React native socket io

//Client Side

import { io } from 'socket.io-client';

const socket = io("ws://10.0.2.2:4000")

Source: grepper.com

Similar codes

0 vote224 views2 answers
Write data in props.histroy.push in react component
Javascript React
1 vote198 views1 answer
Mui modal backdrop
Javascript React
0 vote221 views1 answer
React s.a.createElement("div",{className:"d-none d-lg-flex flex-content"},s.a.createElement(u.a.Body,{noScroll:!0}
Javascript React
0 vote218 views1 answer
React native hide stack navigator title
Javascript React
0 vote227 views1 answer
Why my favicon icon is not removing in react
Javascript React
1 vote264 views5 answers
Enzyme adapter react 17
Javascript React
0 vote281 views2 answers
Combine p5 with react
Javascript React
0 vote236 views1 answer
Changing map style react-leaflet
Javascript React
0 vote213 views1 answer
React native fetch response code
Javascript React
0 vote204 views3 answers
React-hook-form input
Javascript React