Как сделать кастомный хук, который будет возвращать актуальное состояние?

WbICHA, в целях общего ознакомления)

Как отправить запрос на сервер при закрытии вкладки?

Александр, Спасибо. Так и сделаю.

Как отправить запрос на сервер при закрытии вкладки?

То есть правильно я понимаю, что напрямую записывать в базу данных у пользователя поле online = 0 или 1 не нужно. Как только юзер в текущей сессии с сайтом, каждую минуту записываем текущую дату например в поле lastConnect в базе в его данных. Потом, когда я вижу монитор (на скриншоте), то вывожу онлайн юзеры или нет на основании сравнения текущего времени и поля lastConnect у каждого юзера?
Если да, то мне все равно нужно знать когда он ливнул. Ну чтобы понимать сколько человек работал времени.

Как отправить запрос на сервер при закрытии вкладки?

Спасибо. Я рассматривал такой подход. Есть пару вопросов:
1) Каждые 10 сек в текущей сессии человек шлет запросы на сервер, который в свою очередь перезаписывает в базе данных поле lastConnection например на актуальную дату. Как сервер поймет, что если человек уже 1 минуту как не шлет запросы, то должен перезаписать данные в базе данных? Получается мне нужно развернуть какой-то Cron php скрипт, который так же каждую минуту проверяет колонку lastConnection у пользователей по условию?
2) Если будет открыто на клиенте 2+ вкладки. Каждая будет слать запросы. Как технически проверить, сколько сейчас вкладок подключено? Сессия существует для каждой отдельной вкладки отдельно. Если сохранять в ЛокалСтораж, то его тоже нужно как-то очищать при закрытии вкладки, что опять приводит к началу.

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

Попробуйте insertAdjacentHTML. Функция вставляет полученные узлы (nodes) в DOM дерево в указанную позицию. Данная функция не переписывает имеющиеся элементы, что предотвращает дополнительную сериализацию.

_result.forEach(function(elem) {
    let _searchLink = '<a href="'+elem.href+'" class="btn btn-success btn-sm rounded-5 opacity-75 city m-1">'+elem.innerHTML+'</a>';          
    _city_search_result.insertAdjacentHTML('beforeend', _searchLink);
});

Как отправить запрос на сервер при закрытии вкладки?

Единственный работающий для меня вариант:

// При перезагрузке или закрытии окна
QDB.edit(manager.id, { online: 0, logout_date: D_TimeNow(), navigator: navigator.userAgent }, 'users');
...
// При авторизации
const loginDate = sessionStorage.getItem('crm_session_login_date') || D_TimeNow();
const logoutDate = sessionStorage.getItem('crm_session_logout_date') || manager.logout_date;   // Предыдущее значение из данных после авторизации 
sessionStorage.setItem('crm_session_login_date', loginDate);
sessionStorage.setItem('crm_session_logout_date', logoutDate);        
QDB.edit(manager.id,{online:1, login_date: loginDate, logout_date: logoutDate, navigator: navigator.userAgent},'users')

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

Как отправить запрос на сервер при закрытии вкладки?

Нет доступа к серверу. У меня обычный веб-хостинг с какой-то модернизированной сPanel, где есть файловый менеджер и пара mysql баз. К конфигурации сервера, ПО нет доступа. Веб-хостинг короче.
Да, только закрытие любого вида и перезагрузку нужно чекать. Посмотрел про visibilitychange. Евент отработает если перейти на другую вкладку или свернуть бразуер. В комментарии ниже Данила приводил пример с pagehide, который не сработал. Поверить не могу, что такая простая задача может быть белым пятном в программировании.

Как отправить запрос на сервер при закрытии вкладки?

Данила, не работает, к сожалению

Как отправить запрос на сервер при закрытии вкладки?

Не работает, запрос все равно выполняется при перезагрузке.

Как отследить изменение offsetTop во vue3?

Vlad, В конечно счете я нашел самое лаконичное решение через пользовательскую директиву в которой я уже не помню, что сделал.

Возможно ли сделать из проводного геймпада беспроводной?

Василий Банников, согласен, просто интересно как это устроено. Может быть не все так сильно сложно, и на рынке есть готовые решения.

Как отправить несколько данных и несколько фото одновременно?

Добавляем данные в форму

var formData = new FormData();
    formData.append('photos[]', photos); 
    formData.append('text', text); // добавляем новую строку. Если нужно массив строк - то по аналогии с photos, переменная 'texts[]'
    ...

Принимаем в php

$photos = $_FILES['photos'];
$text = $_POST['text'];

Как оптимизировать процесс загрузки большего объема данных?

Классно! Спасибо!

Как оптимизировать процесс загрузки большего объема данных?

Максим Федоров, а я отвечу вам прямо - да)) Простое пролетарское решение. Которое вот вылезло боком, когда сильно увеличилось кол-во данных. Ну и мороз по коже пробегает, если представить, что код фильтрации и вообще подготовки данных статистики придется писать на php.

Как оптимизировать процесс загрузки большего объема данных?

Персональная СРМ система. Данные хранятся в таблицах MySql.
clients, calls, tasks,mails,messages... и тд. Много всего. У каждого поля таблиц есть параметр clientID, который является указателем, что это, ну скажем, письмо связано с определенным клиентом.

Я с помощью PHP функции собираю все данные по каждому клиенту в один JSON и оправляю их обратно.

clients:[
// первый клиент
{
calls: [...] ,
mails: [...],
...
},
// и тд, другие клиенты
...
]

Итоговый размер данных как видно всего 4.5 мб, при времени скачивания 12 секунд.
Подскажите пожалуйста кто знает - это не нормально ведь, косяк со стороны моего кода на сервере?

Можно ли сократить код проверки загруженности данных в React?

WbICHA, Разрешаю, разрешаю.

Можно ли сократить код проверки загруженности данных в React?

WbICHA, можете не писать сюда больше

Можно ли сократить код проверки загруженности данных в React?

WbICHA, ну, поэтому я и использовал useMemo. Помимо флуда по теме вопроса что-то будет?

Можно ли сократить код проверки загруженности данных в React?

WbICHA, именно так, ведь при использовании useEffect с кодом
if (!clients || !mails) return false;
вылетит ошибка и программа закрашится

Как избавиться от бага - всплывающая подсказка не убирается по первому клику?

Храни вас господь