nologyance

<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__33a526bf25b41" src="https://embed.zenn.studio/card#zenn-embedded__33a526bf25b41" data-content="https%3A%2F%2Fgithub.com%2Fmui%2Fmaterial-ui%2Fissues%2F17001" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://github.com/mui/material-ui/issues/17001" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://github.com/mui/material-ui/issues/17001</a></p>


<p>再現コードを動かすとちょっと重いかな？くらい？<br>
そこそこのスペックのMacBookAirでやってるのであてにならないかも</p>


<p><a href="https://mui.com/material-ui/react-list/#virtualized-list" target="_blank" rel="nofollow noopener noreferrer">virtualized-list</a>を使うのが推奨されているっぽい</p>


<p>普通のselectではなく、native-selectにする必要がある？</p>
<p>これを実現するライブラリとして<a href="https://github.com/bvaughn/react-window" target="_blank" rel="nofollow noopener noreferrer">react-window</a>が提供されている</p>


<p>infinity scrollにも対応してて便利そう</p>


<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__25e69799faeb" src="https://embed.zenn.studio/card#zenn-embedded__25e69799faeb" data-content="https%3A%2F%2Fzenn.dev%2Fdove%2Farticles%2F4649c8e2dc3cd8" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://zenn.dev/dove/articles/4649c8e2dc3cd8" style="display:none" target="_blank">https://zenn.dev/dove/articles/4649c8e2dc3cd8</a></p>


<p>大体この記事に書いてあることでなんとかなりそう<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__4ff03ba1f70d3" src="https://embed.zenn.studio/card#zenn-embedded__4ff03ba1f70d3" data-content="https%3A%2F%2Fzenn.dev%2Fkhale%2Farticles%2Fautocomplete-fat-data" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://zenn.dev/khale/articles/autocomplete-fat-data" style="display:none" target="_blank">https://zenn.dev/khale/articles/autocomplete-fat-data</a></p>
