/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 vote191 views1 answer
Onclick start and stop the count react
Javascript React
0 vote143 views1 answer
Dull a background image in react native
Javascript React
0 vote179 views1 answer
Overflow scroll react native
Javascript React
64 votes168 views4 answers
How to install react-router-dom in react js
Javascript React
0 vote193 views1 answer
React 1 to 10 with step 2 (odd numbers)
Javascript React
0 vote179 views1 answer
Row smaller than the container bootstrap react
Javascript React
1 vote218 views1 answer
Check if new user in firebase react
Javascript React
-2 votes180 views1 answer
You are running Node 8.10.0. Create React App requires Node 10 or higher. Please update your version of Node.
Javascript React
0 vote173 views2 answers
React Calender
Javascript React
0 vote174 views1 answer
Prevent double tap in react native
Javascript React