virtua

A zero-config, fast and small (~3kB) virtual list (and grid) component for React, Vue and Solid.

MIT License

Downloads
199.7K
Stars
923
Committers
15

Bot releases are hidden (Show)

virtua - 0.20.2

Published by inokawa 10 months ago

What's Changed

Full Changelog: https://github.com/inokawa/virtua/compare/0.20.1...0.20.2

virtua - 0.20.1

Published by inokawa 10 months ago

What's Changed

Full Changelog: https://github.com/inokawa/virtua/compare/0.20.0...0.20.1

virtua - 0.20.0

Published by inokawa 10 months ago

BREAKING CHANGES

  • Incomplete padding support was dropped from VList. Use Virtualizer and startMargin/endMargin prop instead.
// VList
<VList style={{ paddingTop:20, paddingBottom: 40 }}>
 {createRows(1000)}
</VList>

// Virtualizer
<div style={{ overflowY: 'auto', overflowAnchor: "none" }}>
  <div style={{ height: 20 }}/>
  <Virtualizer startMargin={20} endMargin={40}>
   {createRows(1000)}
  </Virtualizer>
  <div style={{ height: 40 }}/>
</div>
  • components.Root prop of VList was removed. Use Virtualizer instead. If you want to customize scrollable element, just pass props to wrapper div. If you want to customize inner element, use as prop of Virtualizer.
// VList
<VList components={{ Root: ViewportComponent }}>
 {createRows(1000)}
</VList>

// Virtualizer
<div style={{ overflowY: 'auto' }}>
  <Virtualizer as={ContainerComponent}>
   {createRows(1000)}
  </Virtualizer>
</div>
  • WVList was renamed and changed to WindowVirtualizer because it has similar usability to Virtualizer. It's wrapper div was removed so add it by yourself if you need to apply some styles.
// WVList
<div style={{ padding: 200 }}>
  <WVList style={{ border: "solid 1px gray" }}>
   {createRows(1000)}
  </WVList>
</div>

// WindowVirtualizer
<div style={{ padding: 200 }}>
  <div style={{ border: "solid 1px gray" }}>
    <WindowVirtualizer>{createRows(1000)}</WindowVirtualizer>
  </div>
</div>
  • components.Item prop of VList was renamed to item
  • initialItemSize prop was renamed to itemSize
  • onScrollStop prop was renamed to onScrollEnd

What's Changed

Full Changelog: https://github.com/inokawa/virtua/compare/0.19.2...0.20.0

virtua - 0.19.2

Published by inokawa 10 months ago

What's Changed

Full Changelog: https://github.com/inokawa/virtua/compare/0.19.1...0.19.2

virtua - 0.19.1

Published by inokawa 10 months ago

What's Changed

Full Changelog: https://github.com/inokawa/virtua/compare/0.19.0...0.19.1

virtua - 0.19.0

Published by inokawa 10 months ago

  • BREAKING: initialItemCount prop was renamed to ssrCount and now only for SSR

What's Changed

Full Changelog: https://github.com/inokawa/virtua/compare/0.18.1...0.19.0

virtua - 0.18.1

Published by inokawa 10 months ago

What's Changed

Full Changelog: https://github.com/inokawa/virtua/compare/0.18.0...0.18.1

virtua - 0.18.0

Published by inokawa 10 months ago

What's Changed

Full Changelog: https://github.com/inokawa/virtua/compare/0.17.6...0.18.0

virtua - 0.17.6

Published by inokawa 10 months ago

What's Changed

Full Changelog: https://github.com/inokawa/virtua/compare/0.17.5...0.17.6

virtua - 0.17.5

Published by inokawa 11 months ago

What's Changed

Full Changelog: https://github.com/inokawa/virtua/compare/0.17.4...0.17.5

virtua - 0.17.4

Published by inokawa 11 months ago

What's Changed

Full Changelog: https://github.com/inokawa/virtua/compare/0.17.3...0.17.4

virtua - 0.17.3

Published by inokawa 11 months ago

What's Changed

Full Changelog: https://github.com/inokawa/virtua/compare/0.17.2...0.17.3

virtua - 0.17.2

Published by inokawa 11 months ago

What's Changed

Full Changelog: https://github.com/inokawa/virtua/compare/0.17.1...0.17.2

virtua - 0.17.1

Published by inokawa 11 months ago

What's Changed

Full Changelog: https://github.com/inokawa/virtua/compare/0.17.0...0.17.1

virtua - 0.17.0

Published by inokawa 11 months ago

What's Changed

Full Changelog: https://github.com/inokawa/virtua/compare/0.16.7...0.17.0

virtua - 0.16.7

Published by inokawa 11 months ago

What's Changed

Full Changelog: https://github.com/inokawa/virtua/compare/0.16.6...0.16.7

virtua - 0.16.6

Published by inokawa 11 months ago

What's Changed

New Contributors

Full Changelog: https://github.com/inokawa/virtua/compare/0.16.5...0.16.6

virtua - 0.16.5

Published by inokawa 11 months ago

What's Changed

Full Changelog: https://github.com/inokawa/virtua/compare/0.16.4...0.16.5

virtua - 0.16.4

Published by inokawa 11 months ago

What's Changed

Full Changelog: https://github.com/inokawa/virtua/compare/0.16.3...0.16.4

virtua - 0.16.3

Published by inokawa 11 months ago

What's Changed

Full Changelog: https://github.com/inokawa/virtua/compare/0.16.2...0.16.3

Package Rankings
Top 5.98% on Npmjs.org
Badges
Extracted from project README
Best of JS check demo npm bundle size npm bundle size npm bundle size npm bundle size npm bundle size npm bundle size npm bundle size