Обновление состояния при добавлении данных?

Question

[nickname13384]

Проект на React js.
1. Есть список пользователей в отдельном блоке
2. И в другом блоке есть форма регистрации нового пользователя
3. После регистрации данные пользователя отправляются на сервер

Вопрос

Каким образом добавить нового пользователя в список без перезагрузки страницы?
Тупо постоянно делать setTimeout на запрос к серверу каждые 1-5 секунд?
Или как-то можно делать запросы к серверу только по условию добавления нового пользователя а после добавления в список запросы к серверу прекратить?
+ Есть вероятность того что сервер может задерживать данные несколько минут
Веб сокеты наверно нет смысла использовать

Если делать запрос к серверу по условию что если новый список пользователей === старому списку то делать еще запрос. А если кто-то еще в это время добавился, список обновится не теми данными.
Тупо сделать setTimeout, а если сломается что то бэкенд редиска?

Answer 1

[Антон Неверов]

Почему нет? Учитывая, что вы хотите частоту обновления 1-5 секунд - смысл есть.
Ну или делайте запросы каждые 1-5 секунд.

Comments

[nickname13384]

Вообще так часто запросы можно делать?

[Антон Неверов]

Что называется - "по КД" можно.
Всё зависит от вашего бекенда, насколько ему затратно работать над каждым запросом.

Answer 2

[Gor Mkhitaryan]

А почему WebSocket нет смысла использовать? Это решение лучше и грамотнее, чем по кд в бэк стучаться. К тому же сможете быстрее реализовывать такие realtime решения в проекте, если уже будет настроенный WebSocket сервер.

Answer 3

[vadimMalovaniy]

отправляете запрос на сервер > от сервера приходит ответ > если ответ успешный, обновляете данные.

Comments

[nickname13384]

ответ от сервера и так успешный