React页面可见性
声明式,嵌套式,有状态,同构的页面可见性
动机
您是否定期轮询后端? 您正在播放动画吗? 如果您的标签页不再可见,该怎么办?
请参阅更多经典用例。
现在,您可以轻松保存带宽和GPU计算,从而对应用程序处于后台并且不可见的情况做出React(Pun打算这样做)。 简介React页面可见性:
包装页面可见性API的React
跨浏览器支持(是的,甚至是IE和Safari)
如果浏览器不支持安全后备
可以在应用程序中的任何位置多次使用而无副作用
让您决定如何处理页面不可见并再次变为可见
为什么要使用React组件而不是辅助函数?
因为React很酷。 纳夫说。
但是实际上,为什么不使用辅助函数呢? 因为然后您将需要在组件生命周期中添加addEventListener和removeEventListener ,这将变得很乏味。
此外,每次使用它时,您都需要检查用户的浏览器是否支持它,这也很繁琐。
而是使用react-page-visibility一切都为您处理。
安装
$ npm install -- save react - page - visibil
1