Обновить

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

Уровень сложностиСредний
Время на прочтение3 мин
Охват и читатели5K
Всего голосов 2: ↑2 и ↓0+3
Комментарии5

Комментарии 5

отрендерить в React-приложении

таблицу с 100 000 объектов,

которые непрерывно обновляются

в реальном времени

через WebSocket

Архитектора на мыло.

Простите, а как вы смотрите этот мультик из 100к значений со скоростью 60 фпс?

Не понял зачем принимать 1000 обновлений если в проекте используется метод виртуального списка и всего 30-50 элементов показано, то логично что запрашиваем на обновление что находиться в DOM дереве на текущий момент

А данные из WebWorker в основной поток в каком виде отдаются? Через postMessage опять сериализуются/десериализуются?

Как у вас выстроено восстановление стора после переподключения WebSocket? Если несколько патчей не дошли, соединение восстановится, но часть объектов в Map может остаться со старыми значениями. Используете номера обновлений и дозагрузку пропущенного диапазона или получаете новый полный снимок? Для снимка тоже интересно, как определяется граница с потоком обновлений: пока он загружается, могут прийти следующие патчи. Непонятно, как исключаете потерю или применение устаревших данных на этом переходе

Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Публикации