Warper v6.0.0 - Stable & Production Ready

The first stable release of Warper - an ultra-fast React virtualization library powered by Rust and WebAssembly.

What's New

• Production-ready API
• Stable useVirtualizer hook
• WarperComponent for quick integration
• Full TypeScript support
• Proper npm package structure with React hooks and WASM core

Performance

• 120+ FPS with 10M+ items
• O(1) scroll position lookups via Fenwick trees
• O(log n) range calculations
• Zero garbage collection during scroll
• ~45KB gzipped bundle (including WASM)

Installation

npm install @itsmeadarsh/warper

Quick Start

import { useVirtualizer } from '@itsmeadarsh/warper';

function App() {
  const { scrollElementRef, range, totalHeight } = useVirtualizer({
    itemCount: 1_000_000,
    estimateSize: () => 50,
  });

  return (
    <div ref={scrollElementRef} style={{ height: 500, overflow: 'auto' }}>
      <div style={{ height: totalHeight, position: 'relative' }}>
        {range.items.map((index, i) => (
          <div key={index} style={{
            position: 'absolute',
            transform: `translateY(${range.offsets[i]}px)`,
            height: range.sizes[i]
          }}>
            Row {index}
          </div>
        ))}
      </div>
    </div>
  );
}

Links

• Demo: https://warper.tech
• npm: https://www.npmjs.com/package/@itsmeadarsh/warper
• Docs: https://github.com/warper-org/warper#quick-start

Requirements

• React 18+
• Bundler with WASM support (Vite recommended)

Full Changelog: https://github.com/warper-org/warper/commits/v6.0.0