listen to browser tab visibilitychange and get inactive time
npm install react-tab-visibilitysupports react 15.x and 16.x
use react-tab-visibility for browser tab activity informations.
Get informed on tab change
Get time of inactivity after reactivation
``
npm install react-tab-visibility --save
`jsx
import TabVisibility from 'react-tab-visibility'
class YourComponent extends TabVisibility {
onTabVisibilityChange({ isTabVisible, hiddenTime }) {
this.setState({ isTabVisible })
console.log(isTabVisible, hiddenTime)
}
}
`
if you want to add or optimize this component, feel free <3
clone this repository and run install
`
npm install
start dev server
`
npm start
make your changes and build new es5 friendly version
`
npm run build
