/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 vote99 views1 answer
How to link t settings react native ios
Javascript React
126 votes236 views4 answers
Npm create react app
Javascript React
7 votes136 views3 answers
Conditional style prop react
Javascript React
0 vote136 views1 answer
Set cors for a react node application socket error
Javascript React
5 votes104 views1 answer
How to host react app on heroku
Javascript React
9 votes107 views1 answer
Create react app in current folder
Javascript React
0 vote158 views1 answer
Flipper semantic issue react native
Javascript React
0 vote100 views1 answer
Add clickable link to image in react native
Javascript React
0 vote108 views1 answer
Preview image before upload reactjs
Javascript React
0 vote105 views1 answer
ERROR TypeError: undefined is not an object (evaluating '_reactNative.Styles.m aincont')
Javascript React