文件名称:masonic:React React的高性能砌体布局
文件大小:209KB
文件格式:ZIP
更新时间:2024-05-22 06:52:44
react hooks list infinite-scroll virtualization
:brick: 共济会的 npm i masonic 基于Brian Vaughn的以及React 进一步启发,为React提供了一种高性能,多功能的虚拟砖石网格。 使用Masonic,您不仅可以获取组件。 您还将获得实现细节,这意味着只需很少的代码即可进行高级用法。 特征 易于使用需要两分钟才能开始使用此组件创建自己的砌体网格。 。 快速的Blazing:trade_mark:该组件可以通过其虚拟化算法和基础数据结构无缝呈现数万个网格单元而不会出现滞后。 例如,它使用根据要渲染网格的窗口的滚动位置和窗口大小来确定要渲染的单元格。间隔树的搜索性能为O(log n + m) :face_screaming_in_fear: 。 TypeScript Intellisense和类型安全性意味着实现中的错误更少。 多功能性的所有实现详细信息(挂钩,实用程序)都已导出,因此您不必锁定默认的实现。 随着您的前进,访问这些内部组件将很有用。 通过为overscanB
【文件预览】:
masonic-master
----.gitignore(32B)
----package.json(5KB)
----src()
--------use-container-position.ts(2KB)
--------index.test.tsx(24KB)
--------list.tsx(809B)
--------masonry.tsx(3KB)
--------masonry-scroller.tsx(2KB)
--------elements-cache.ts(69B)
--------use-positioner.ts(10KB)
--------use-infinite-loader.ts(5KB)
--------__mocks__()
--------use-scroll-to-index.ts(5KB)
--------use-force-update.ts(187B)
--------interval-tree.ts(8KB)
--------interval-tree.test.ts(5KB)
--------use-masonry.tsx(13KB)
--------use-resize-observer.ts(3KB)
--------__snapshots__()
--------index.tsx(365B)
--------use-scroller.ts(2KB)
----.travis.yml(231B)
----CONTRIBUTING.md(3KB)
----CODE_OF_CONDUCT.md(3KB)
----LICENSE(1KB)
----CHANGELOG.md(4KB)
----tsconfig.json(318B)
----types()
--------use-scroller.d.ts(919B)
--------elements-cache.d.ts(61B)
--------use-container-position.d.ts(1KB)
--------use-positioner.d.ts(4KB)
--------use-scroll-to-index.d.ts(1KB)
--------list.d.ts(584B)
--------use-masonry.d.ts(6KB)
--------use-infinite-loader.d.ts(2KB)
--------masonry-scroller.d.ts(1KB)
--------use-force-update.d.ts(53B)
--------interval-tree.d.ts(302B)
--------masonry.d.ts(2KB)
--------use-resize-observer.d.ts(935B)
--------index.d.ts(365B)
----.github()
--------ISSUE_TEMPLATE()
--------pull_request_template.md(817B)
----README.md(66KB)
----benchmarks()
--------index.ts(1KB)
----babel.config.js(70B)
----docs()
--------v2.md(33KB)
----test()
--------setup.js(176B)
--------resolve-snapshot.js(548B)
----yarn.lock(372KB)