Комментарии 5
отрендерить в React-приложении
таблицу с 100 000 объектов,
которые непрерывно обновляются
в реальном времени
через WebSocket
Архитектора на мыло.
Простите, а как вы смотрите этот мультик из 100к значений со скоростью 60 фпс?
Не понял зачем принимать 1000 обновлений если в проекте используется метод виртуального списка и всего 30-50 элементов показано, то логично что запрашиваем на обновление что находиться в DOM дереве на текущий момент
А данные из WebWorker в основной поток в каком виде отдаются? Через postMessage опять сериализуются/десериализуются?
Как у вас выстроено восстановление стора после переподключения WebSocket? Если несколько патчей не дошли, соединение восстановится, но часть объектов в Map может остаться со старыми значениями. Используете номера обновлений и дозагрузку пропущенного диапазона или получаете новый полный снимок? Для снимка тоже интересно, как определяется граница с потоком обновлений: пока он загружается, могут прийти следующие патчи. Непонятно, как исключаете потерю или применение устаревших данных на этом переходе

Как подружить React с 100 000 live-обновлений: WebSocket, Web Workers и кастомный стор