react-online


A react component to declaratively check connection status. Uses isomorphic-is-online to work on Web, React Native and Node.

Installation

On your command-line terminal:

``bash
npm install --save react-online
`

Then in your code:

`javascript
// Using ES6 modules with Babel or TypeScript
import Online from "react-online";

// Using CommonJS modules
const Online = require("react-online").default;
`

Usage

For example, in a web environment:

`jsx
import Online from "react-online";

ReactDOM.render(
onChange={({ online }) => {
if (online) {
console.log("We can reach the internet, whoop whoop!");
}
}}
render={({ online }) => (



)}
/>,
DOM_NODE
);
`

Indeed, the Online component exposes a status object to represent connectivity so that you can act accordingly:

`javascript
{
online: boolean;
}
``

| Prop name | type | default | description |
| --------- | ---- | ---------------- | ------------------------------------------------------------------------ |
| onChange | func | (status) => {} | receives the latest status object, define some side effects |
| render | func | (status) => null | receives the latest status object, returns the React component to render |