Вопрос норм практика вместо того чтобы использовать либы просто подобавлять себе svg-шок которые тебе надо без либ

Доброго дня, вопрос таков)
я получаю данные по websocket,:
socket.onmessage = answer => {
let data = JSON.parse(answer.data);
usersCount = data.usersOnline.length;
}, и мне нужно отобразить их в компоненте:
export default function DashboardTwo() {
                return (....
                        <InfoBox
                            icon="ion ion-pie-graph"
                            text="Queue"
                            count={usersCount}
                            color="red"
                          />.....)
},
как правильно это сделать? я запутался((

Нужно инкапсулировать всю логику работы с сокетами в отдельный контроллер, который общается с тем глобальным стейтом, что ты используешь

Слово контроллер в данном случае можно для простоты понимать как вытащить в отдельный файл и изолировать от View

Реализовать глобальный стейт можно многими путями. Часто выбирают ту или иную либу на основании своих религиозных верований

Поэтому не удивляйся, если тебе насоветуют диаметрально противоположные вещи

Самой попсовой либой считается Redux на данный момент. Но и с ним не так все просто.

В зависимости от навешенных плагинов он принимает совершенно разный вид для разработчика

Я про, например, саги, голый релакс и thunks

Посмотри ещё такую штуку как Mobx. Тем кто не выстрадал следование архитектуре редакса, она как правило милее

А можно взять immer и навернуть себе свою библиотеку под свои нужды

Потом тебе нужно будет связать вебсокеты с обновлением выбранной либы

Ок, спасибо, пошел читать)

https://www.npmjs.com/package/mobx-websocket-store
Вот посмотри как пример

Ок, отлично

Но корректно этот пакет два года не обновляется

Так что как пример только

Хорошо, понял, мне и нужен именно пример, посмотреть как вообще взаимодействовать с этими данными