https://github.com/nowaalex/af-utils

Simple open-source tools that just work (usually fast)
https://github.com/nowaalex/af-utils

infinite-scroll performance react react-components scrollend-event scrollend-polyfill typescript virtual-list virtual-scroll virtualization windowing

Last synced: about 2 months ago
JSON representation

Simple open-source tools that just work (usually fast)

• Host: GitHub
• URL: https://github.com/nowaalex/af-utils
• Owner: nowaalex
• License: mit
• Created: 2019-12-15T00:18:12.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2024-04-12T13:52:59.000Z (6 months ago)
• Last Synced: 2024-04-12T17:51:09.518Z (6 months ago)
• Topics: infinite-scroll, performance, react, react-components, scrollend-event, scrollend-polyfill, typescript, virtual-list, virtual-scroll, virtualization, windowing
• Language: TypeScript
• Homepage: https://af-utils.com
• Size: 6.71 MB
• Stars: 74
• Watchers: 5
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-react-components - @af-utils/virtual - [demo/docs](https://af-utils.com/virtual) - Render large scrollable lists and grids. (UI Components / Infinite Scroll)
• fucking-awesome-react-components - @af-utils/virtual - 🌎 [demo/docs](af-utils.com/virtual) - Render large scrollable lists and grids. (UI Components / Infinite Scroll)

README

        
# af-utils/\*

Simple open-source tools that just work _(usually fast)_

## [Virtual scroll](https://af-utils.com/virtual)

![Virtual scroll opengraph image](website/src/assets/og/virtual.png)

### Features

-   [vertical](https://af-utils.com/virtual/examples/react/list/simple) / [horizontal](https://af-utils.com/virtual/examples/react/list/horizontal) / [grid](https://af-utils.com/virtual/examples/react/hook/grid) / [custom](https://af-utils.com/virtual/examples/react/hook/custom-render) modes

-   [dynamic item sizes](https://af-utils.com/virtual/examples/react/list/variable-size-list)

-   [sticky header and footer](https://af-utils.com/virtual/examples/react/list/sticky-header-and-footer)

-   [scrollToIndex method](https://af-utils.com/virtual/examples/react/list/scroll-to-item)

-   [load on demand](https://af-utils.com/virtual/examples/react/list/load-on-demand)

-   [window scroll](https://af-utils.com/virtual/examples/react/hook/window-scroll)

-   [material-ui](https://af-utils.com/virtual/examples/react/list/material-ui) / [bootstrap](https://af-utils.com/virtual/examples/react/list/bootstrap) integration

## [Scrollend polyfill](https://af-utils.com/scrollend-polyfill)

![Scrollend polyfill opengraph image](website/src/assets/og/scrollend-polyfill.png)