/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

-1 vote124 views1 answer
Convert create-react-app to typscript
Javascript React
7 votes133 views1 answer
React native touchableopacity disable
Javascript React
0 vote123 views2 answers
React barcode scanner
Javascript React
1 vote137 views1 answer
React slick slider duplicate items when infinite true #1623
Javascript React
2 votes132 views2 answers
Create stack navigator has been moved to react-navigation-stack
Javascript React
0 vote125 views1 answer
FAILURE: Build failed with an exception react native android
Javascript React
1 vote334 views1 answer
Rendering, reconciliation and committing in react
Javascript React
1 vote124 views1 answer
React redux wait for props
Javascript React
13 votes121 views4 answers
React native elevation
Javascript React
37 votes79 views5 answers
React sass
Javascript React