/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

13 votes262 views5 answers
React native setup
Javascript React
3 votes296 views1 answer
Could not resolve dependency: npm ERR! peer react@"17.0.1" from [email protected]
Javascript React
0 vote251 views1 answer
React-native-paper resize switch resize
Javascript React
0 vote276 views1 answer
React inject component into another component
Javascript React
0 vote316 views1 answer
Invariant Violation: [React Intl] An `id` must be provided to format a message.
Javascript React
1 vote254 views1 answer
No known class method for selector 'setScreenName:screenClass: react native
Javascript React
2 votes235 views1 answer
React add gradient top to bottom
Javascript React
0 vote251 views2 answers
Read data in props.histroy.push in react component
Javascript React
0 vote270 views2 answers
How to check for enter keyPress in react native
Javascript React
0 vote245 views1 answer
React-native resource android:attr/lStar not found in Android
Javascript React