/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

31 votes348 views2 answers
React-router-dom npm
Javascript React
0 vote352 views1 answer
Custom react native product rating
Javascript React
0 vote353 views1 answer
React electron desktop app
Javascript React
15 votes376 views3 answers
Image source react native
Javascript React
-1 vote329 views1 answer
Timestamp to unix time react
Javascript React
-2 votes338 views1 answer
React spring transition animations
Javascript React
0 vote346 views1 answer
React native textinput turnoff capitalize first letter
Javascript React
-1 vote294 views1 answer
How to retrieve filename from a blob response in react js
Javascript React
4 votes335 views1 answer
React useeffect not on first render
Javascript React
0 vote324 views1 answer
Usb react native device not found
Javascript React