WEBPROGRAMMERDIARY Telegram 856
​​Всем привет!

Недавно в чате было обсуждение - как организовывать статус пользователей. И если по статусам, получаемым от сервера(например, online, offline) все ясно, то как организовать статусы, которые только на клиенте можно отследить? Например, afk, idle и тп

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

Первоначально, я планировал так - организовываю слежку за активностью пользователя (движения мыши, клики, нажатия клавиш), вешаю глобальным обработчиком, при смене статуса отправляю уведомление на сервер.

В жизни решил эту проблему так же, но гораздо проще))) Коллега подсказал просто супер билиотеку - React Idle Timer. Простая в использовании, но очень мощная. Да, она для React, но уверен, что есть аналоги и для других фреймворков + можно посмотреть исходники))))
Хорошая, документация, примеры, TypeScript - короче, рекомендую!
зы страничка на github

ззы Прикреплю скрин - на Хуках весь код вышел в несколько строк! В документации в примерах все есть

#react



tgoop.com/WebProgrammerDiary/856
Create:
Last Update:

​​Всем привет!

Недавно в чате было обсуждение - как организовывать статус пользователей. И если по статусам, получаемым от сервера(например, online, offline) все ясно, то как организовать статусы, которые только на клиенте можно отследить? Например, afk, idle и тп

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

Первоначально, я планировал так - организовываю слежку за активностью пользователя (движения мыши, клики, нажатия клавиш), вешаю глобальным обработчиком, при смене статуса отправляю уведомление на сервер.

В жизни решил эту проблему так же, но гораздо проще))) Коллега подсказал просто супер билиотеку - React Idle Timer. Простая в использовании, но очень мощная. Да, она для React, но уверен, что есть аналоги и для других фреймворков + можно посмотреть исходники))))
Хорошая, документация, примеры, TypeScript - короче, рекомендую!
зы страничка на github

ззы Прикреплю скрин - на Хуках весь код вышел в несколько строк! В документации в примерах все есть

#react

BY DНЕВНИК web-программиста




Share with your friend now:
tgoop.com/WebProgrammerDiary/856

View MORE
Open in Telegram


Telegram News

Date: |

How to create a business channel on Telegram? (Tutorial) Ng was convicted in April for conspiracy to incite a riot, public nuisance, arson, criminal damage, manufacturing of explosives, administering poison and wounding with intent to do grievous bodily harm between October 2019 and June 2020. best-secure-messaging-apps-shutterstock-1892950018.jpg To delete a channel with over 1,000 subscribers, you need to contact user support While the character limit is 255, try to fit into 200 characters. This way, users will be able to take in your text fast and efficiently. Reveal the essence of your channel and provide contact information. For example, you can add a bot name, link to your pricing plans, etc.
from us


Telegram DНЕВНИК web-программиста
FROM American