selectboxの検索結果1 - 1 件 / 1件

• あとで読む

  10万件のSelectBoxが作りたい

  • 38 users
  • zenn.dev/khale
  • テクノロジー
  • 2023/05/23

  10秒で概要 10万件のデータをサジェストするAutocompleteなSelectBoxを作りたい。 しかし、1万件を超えたあたりから通常のAutocompleteではレンダリングに時間がかかる。 以下の方針が有る。 react-windowによるレンダリング以外の範囲の仮想化 フロントエンドではデータを保持せず、入力値に応じてSearchのAPIコールを実施する Reactのレンダリングによる課題 Reactのレンダリングは、大まかに以下のフローで行われます。 Triggering a render 新規画面への描画時、またDOM要素の差分を検出したことをTriggerがとして、レンダリングが発生します。 Committing to the DOM 描画要素に違いがあるDOM要素のみ、DOMノードを変更します。 Autocompleteで表示するデータである<li>要素についても当然D

  • react
  • レンダリング
  • API
  • データ
  • 統計
  • あとで読む
  • 未分類
  • ui