更新に 500 ミリ秒以上かかるリストを次に示します (通常、サーバー リクエストがあります)。
https://codesandbox.io/s/silent-haze-6ku1v?file=/src/App.js:1268-1275
問題:
一方では、単純なキーを項目に割り当てて DOM ノードを再利用すると (ReactJS では当然のことですが) 、数回のリロード後にすぐに巨大な CLSにつながります。
一方、 DOM ノードを再作成すると、優れた UX を維持するためにアイテムのデータをキャッシュする必要があることを除けば、パフォーマンス オーバーヘッドが発生します。
質問:
CLS とパフォーマンスのオーバーヘッドの両方を解決するソリューションはありますか?