react-virtualizedのMultiGridでアプリ開発したときのTIPS - 行動すれば次の現実

react-virtualizedとは SPAで構築されたReactアプリでも、大量のリストを画面いっぱいに表示しようとすると初期描画に時間がかかってしまいます。 これは、画面に見えてない部分も含めて全てのデータをレンダリングしてしまっていることが原因です。 react-virtualizedを使用することで画面に見えている部分のみレンダリングされることができます。 画面をスクロールしたときに、表示されている領域のみのデータが描画される仕様になっていますので、効率的なレンダリングが実現できます。 github.com react-virtualizedで使用できる様々なコンポーネント react-virtualizedにはいくつかのコンポーネントが用意されています。簡単に代表的なコンポーネントを紹介します。 Grid: エクセルのようにデータを表示することができるコンポーネントです。行と列