大規模なデータでも遅くならない、VanillaRecyclerView

大規模なデータでも遅くならない、VanillaRecyclerView

この記事は他の言語でも読めます。

💡 このプロジェクトは Public Archive の状態で、今後はメンテナンスされません。

VanillaRecyclerView は、ウェブで大量のデータを効率よく扱い、画面にレンダリングするための高性能な UI レンダリングライブラリです。フレームワークに依存しないよう純粋な JavaScript で設計されており、シンプルな API で簡単に使えます。

主な特徴は次のとおりです。

仮想化 DOM

横または縦のスクロール領域全体のうち、ユーザーが見ている部分だけをリアルタイムでレンダリングします。ページの初期レンダリング速度を上げ、全体のパフォーマンスを向上させられます。

再利用 DOM

毎回新しい DOM を生成するのではなく、現在のスクロール領域から外れた既存の DOM を再利用します。リアルタイムレンダリングによるスクロール性能の低下を最小限に抑えられます。

プロジェクトは GitHub で管理しており、NPM で配布しています。


ライブサンプル

author profile
winetree94

ウェブフロントエンドエンジニア兼、自室の DevOps エンジニアです。
コツコツ書くブロガーになりたいのですが、そうするには怠けすぎています。