/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 vote199 views1 answer
React js input autocomplete off
Javascript React
-2 votes139 views2 answers
React gsap
Javascript React
14 votes175 views5 answers
React conditional class
Javascript React
3 votes179 views1 answer
React icons in nextJS
Javascript React
0 vote179 views6 answers
State functions of react cheatsheet
Javascript React
2 votes167 views1 answer
React native socket io
Javascript React
10 votes163 views3 answers
Module not found: Can't resolve '@emotion/react' in 'E:\Web Development\Frontend\React JS Projects\linkedin-clone\node_modules\@mui\styled-engine'
Javascript React
1 vote180 views1 answer
Node sass version react
Javascript React
0 vote171 views1 answer
Options not working properly in reactjs
Javascript React
0 vote168 views1 answer
React return value from component
Javascript React