react-wasm-table
  • English

      • Benchmark

      What we compare

      react-wasm-table@tanstack/react-table
      RenderingCanvas (WASM)DOM + @tanstack/react-virtual
      RowsFull dataset in memory, virtualized by coreVirtualized rows in DOM
      Same data✓ generateEmployees(N)✓ Same

      How it works

      1. Generate the same generateEmployees(N) data.
      2. Mount only react-wasm-table and measure time to first paint.
      3. Unmount, wait 200ms, then mount only @tanstack/react-table and measure the same way.
      4. Display results in a comparison table and bar chart.

      Why it's fast

      • Canvas — No DOM nodes per cell; one canvas draws all visible content.
      • Rust/WASM — Layout (Taffy), hit-testing, and scroll math run in WebAssembly.
      • Virtualization — Only visible rows are laid out and drawn; the rest stay in JS memory.