← All case studies

KWSP (EPF) · 05/2024 to 05/2025

Dense real-time tables

The problem

Parsing, filtering and calculating over large streams of transaction data on the main thread froze the browser, on a platform that serves 16M+ members.

My role

Senior Engineer, working with backend, product and design teams.

Approach

  • Moved the heavy parsing, filtering and math into Web Workers, so the main thread only paints.
  • Built the interface with React and Next.js (SSR and SSG) and dynamic bundle optimization.
  • Added Jest unit tests and Playwright E2E tests as gates in CI.

Result

Dense tables and visualizers stayed smooth at 60 FPS. You can try the same idea in the live demo on the home page.

Described in general terms. No internal details are shown.