UNPKG

react-network-info

Version:
32 lines (20 loc) 1.17 kB
# HoC providing info about the network conditions ### [Demo](https://avraammavridis.github.io/react-network-info/) [![Build Status](https://travis-ci.org/AvraamMavridis/react-network-info.svg?branch=master)](https://travis-ci.org/AvraamMavridis/react-network-info) [![Greenkeeper badge](https://badges.greenkeeper.io/AvraamMavridis/react-network-info.svg)](https://greenkeeper.io/) <a href="https://nodei.co/npm/react-network-info/"><img src="https://nodei.co/npm/react-network-info.png?mini=true"></a> Install the component ```js import NetworkInformation from 'react-network-info'; ``` Wrap your components with it ```js <NetworkInformation> <Button secondary>Something</Button> </NetworkInformation> ``` It provides to the children/wrapped components the following props: | Prop | Descriptipn | | ------------- |-------------| | downlink | The effective bandwidth estimate in megabits per second, rounded to the nearest multiple of 25 kilobits per seconds. | | effectiveType | The effective type of the connection meaning one of 'slow-sg', '2g', '3g', or '4g' | | rtt | The estimated effective round-trip time of the current connection |