/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 vote387 views1 answer
Make a ReactNative component take the height and width of the current window
Javascript React
0 vote375 views1 answer
Use es6 arrow function in react
Javascript React
2 votes383 views4 answers
Can't perform a React state update on an unmounted component
Javascript React
6 votes395 views1 answer
React history with search
Javascript React
2 votes403 views1 answer
React allow only numbers in input
Javascript React
0 vote450 views1 answer
React unfocus check
Javascript React
6 votes415 views2 answers
Export 'useHistory' (imported as 'useHistory') was not found in 'react-router-dom'
Javascript React
48 votes364 views1 answer
Emmet not working react js
Javascript React
0 vote362 views1 answer
Keyboard avoidance view not working on react native
Javascript React
6 votes438 views1 answer
How to import dotenv in react
Javascript React