Show HN: 再現可能なReactデータグリッドベンチマーク(生ブラウザサンプル付き)
Reactデータグリッドのパフォーマンスを比較するための再現可能なベンチマークツール。実際のブラウザサンプルを用いて、各データグリッドのレンダリング速度やメモリ使用量を客観的に測定・比較できる。
背景メモ
- Reactのデータグリッド(表)ライブラリを、実際のブラウザ上で動作するサンプルを使ってベンチマークするツール。従来のように「マシンが強いから速い」ではなく、実環境での再現性を重視している。
- 多くのReactプロジェクトで使われるdata grid(例:AG Grid、React Data Grid、MUI X Gridなど)は、大量データのスクロールやフィルタリングで性能差が出やすい。しかし既存の比較記事は理論値や簡易的なJSベンチに頼りがちだった。
- このツールは、各グリッドの実際のDOM操作・レンダリング時間を計測し、測定結果も公開できるようにすることで、ライブラリ選定の根拠を提供する。
- 投稿者はGitHub上でコードを公開しており、誰でも環境を再現・追試できる。