【文件属性】：
文件名称：react-virtual-container:通过仅在靠近视口时渲染组件来优化您的React应用
文件大小：66KB
文件格式：ZIP
更新时间：2021-03-21 04:37:07
react performance virtual windowing render-props
React虚拟容器
仅在组件靠近视口时才渲染它们，从而优化您的React应用程序。
目录
介绍
该库使您能够创建“虚拟容器”，仅当“虚拟容器”在视口的给定范围内时，它的子级才会被渲染。这为您提供了一种很好的机制，可以通过这种机制来延迟加载图像或“繁重”的组件。
安装
yarn add react-virtual-container
或者，如果您更喜欢npm：
npm install react-virtual-container
例子
在下面的示例中，您将注意到两个虚拟容器。当视口在页面上向下移动时，它将触发每个虚拟容器，从而导致关联的组件呈现并替换其占位符。
示例-再次退出
在此示例中，我们通过设置inAndOut扩展了虚拟容器的行为。在视口从虚拟容器移开时启用此道具，组件将再次被其占位符替换。对于正在虚拟化的组件消耗大量CPU /内存资源的情况，这很有用。
用法
该库遵循“渲染道具”
【文件预览】：
react-virtual-container-master
----.travis.yml(369B)
----rollup-min.config.js(270B)
----.nvmrc(2B)
----.babelrc(106B)
----rollup.config.js(767B)
----package.json(4KB)
----tools()
--------.eslintrc(85B)
--------utils.js(212B)
--------scripts()
----wallaby.js(509B)
----LICENSE(1KB)
----src()
--------index.js(46B)
--------__tests__()
--------virtual-container.js(5KB)
----.gitignore(218B)
----README.md(8KB)
----yarn.lock(199KB)