DeNnie.Lab

前回は固定数のデータ(jsonから読み込んがサムネイルパス一覧)をテーブルに表示させていました。

Fixed Size Grid をレスポンシブで作成します。

react-window の Fixed Size Grid を使用して任意のデータをテーブルに表示させます。

react-window の Fixed Size Grid を使用します。

Fixed Size List をレスポンシブで作成します。

react-window の Fixed Size List を使用します。

react-window は仮想リストを実現するReactのコンポーネントです。

前回は useEffectフック を使用し、描画後に行いたい処理を実行しました。

Reactはデータの変更を起因として画面が描画されます。