Simplest Way to Get Net Info in React Native | Checking Wi-Fi and Mobile Data Connections

[@mashschool]

If you have any questions about this or request tutorials in this style, be sure to leave a comment below the video, and thank you for liking it. 😉

[@abhisekhsahoo5880]

I'm using react-native v0.63 and react hooks for implementing this but it is not recognizing helper function in
NetInfo.addEventListener(state => {
console.log("Connection type", state.type);
console.log("Is connected?", state.isConnected);
});
Full code:
import {useState, useEffect} from 'react';
import NetInfo from '@react-native-community/netinfo';
let currentNetwork;
NetInfo.fetch().then(state => {
currentNetwork = state.isConnected;
});
const CheckConnection = () => {
const [netInfo, setNetInfo] = useState(currentNetwork);
useEffect(() => {
const unsubscribe = NetInfo.addEventListener(state => {
setNetInfo(state.isConnected);
});
return unsubscribe;
}, []);
return netInfo;
};
export default CheckConnection;

[@mohammadzeeshan6890]

Hi Mash I tried on android and it worked. I know there are issues in while running on iOS simulator, but it isnt working for iOS device as well. App has to be re opened for it to work. What could be the problem?

[@celdan714]

Hi Mash! Thanks for your video turorial. I have a question. I´m wondering if the deatils strength would have realtion with rssi signal

[@ajaykumar-nx7kb]

Nice explanation, I resolved network problem as well as get ip address. Thank you ❤

[@mashschool]

Glad it helped

[@giorgospapadopoulos2578]

Very helpful and informative. Thank you!!

[@mashschool]

You are so welcome!

[@priyaranjan1733]

Thanks :) It's really helpful. I also liked that you summarized all at the end :P

[@mashschool]

Glad it was helpful!

[@kabilans3877]

Most Valuable video 👍

[@josecaraballo3349]

Excellent explanation, thank you very much, how can I know the quality or bandwidth of the internet connection?

[@mashschool]

Using the react-native-network-bandwidth-speed module, you can see the network bandwidth in result.
www.npmjs.com/package/react-native-network-bandwith-speed

[@josecaraballo3349]

@@mashschool Thank you very much.

[@deepapalani5114]

I have tried this example and it's working fine. I want to check internet connection not only in particular page. I want to make it check all over the application. How can i achieve it please help me

[@i.carolinaperezflores523]

Thank you!!

[@mashschool]

You're welcome!

[@tanmaymishra4826]

clear understand

[@AraChinaryan]

Thank you

[@mashschool]

You're welcome

[@MAGacailandia]

Ser a que existe um pacote para Alterar IP da Rede?

[@Asyrafcruz]

How secure is this library

[@Kiwiranto]

I using this in my project but when I run in ios the "ssid" value always return null, can you help me why ?

[@mashschool]

On iOS, make sure your app meets at least one of the following requirements:
developer.apple.com/documentation/systemconfiguration/1614126-cncopycurrentnetworkinfo?language=objc#discussion

How can I make the application connect to a new network?

[@mashschool]

You can use this module : www.npmjs.com/package/react-native-wifi-reborn

@@mashschool Thanks. Congratulations for video.

[@vijaymuruganandham3691]

i am not able implement this code in functional component

[@mashschool]

There is no problem in using this module in functional components. This link may help you:
stackoverflow.com/questions/62787980/how-do-i-access-reusable-netinfo-code-from-function-component-to-class-component

[@Toojool]

there is programming with mosh and now programming with mash. Both persian lol

[@allencarcamo3461]

this app give free inernet