react-lazy:使用IntersectionObserver进行React的通用惰性加载器组件

时间:2024-05-22 13:57:39
【文件属性】:

文件名称:react-lazy:使用IntersectionObserver进行React的通用惰性加载器组件

文件大小:104KB

文件格式:ZIP

更新时间:2024-05-22 13:57:39

react reactjs react-component lazy-load react-components

懒惰的 懒加载您的内容,而不会中断互联网! 通过使用也对所有搜索引擎友好的noscript元素,支持通用渲染,包括禁用JavaScript。 使用出色的使用现代的IntersectionObserver API。 还可以选择通过添加条件注释来跳过noscript元素来支持在IE8和更早版本上显示内容。 npm install react - lazy import { Lazy } from 'react-lazy' // or import { LazyGroup } from 'react-lazy' 您还需要polyfill intersection-observer ! 使用polyfill.io或require('intersection-observer') 。 选中浏览器支持状态。 Map和Set也是必需的,但是React也需要这些。 为什么要react-lazy ?


【文件预览】:
react-lazy-1
----yarn.lock(314KB)
----.eslintrc.js(477B)
----src()
--------lib()
--------components()
--------index.js(114B)
----.babelrc(51B)
----.storybook()
--------config.js(0B)
----.travis.yml(830B)
----LICENSE(1KB)
----.prettierrc(274B)
----README.md(10KB)
----docs()
--------UPGRADING.md(1KB)
----.editorconfig(336B)
----.gitignore(95B)
----CHANGELOG.md(4KB)
----package.json(3KB)

网友评论