1.2.5 • Published 4 years ago
infinilist v1.2.5
Infinilist
hui component for listing a millions of items, partially rendering only a viewport and viewport buffer amount of them, using a single intersection observer
Usage example
const Infinilist = require('infinilist')
const html = require('hui/html')
const items = [ ...millionsOfItems ]
// render function passed down to list, requesting a rendered item at index
const renderItem (i) {
return html`<li>${items[i]}</li>`
}
const list = new Infinilist(renderItem, { total: items.length })
document.body.appendChild(list.element)
API
list.resize(newTotalCount)
Update the total count after the element has been created
list.reset()
Recreates all currently showed elements. Useful if your underlying array changes.