react-window の Fixed Size List を使用します。
… “【React】react-window Fixed Size List”ブログ
【React】react-window
react-window は仮想リストを実現するReactのコンポーネントです。
… “【React】react-window”
【React】依存配列
前回は useEffectフック を使用し、描画後に行いたい処理を実行しました。
… “【React】依存配列”【React】副作用
Reactはデータの変更を起因として画面が描画されます。
… “【React】副作用”【React】Http Request
ReactアプリケーションでHTTPリクエストを実行します。
… “【React】Http Request”【React】レンダープロップ
前回は各コンポーネントで共通する処理をカスタムフックとして切り出して再利用しました。
… “【React】レンダープロップ”【React】フックとカスタムフック
前回はステートを使用して状態(データ)を管理しました。
… “【React】フックとカスタムフック”【React】ステート管理
ステートを利用することにより、データ(状態)の保持、更新が出来るようになりました。
… “【React】ステート管理”
【React】イベントハンドラ
前回はタイマー関数を使用しステート値を更新し、画面へ表示される内容を動的にしました。
… “【React】イベントハンドラ”