нет, хуки это точно слой отображения

особенно в реакте

где хук не может существовать без компонента вовсе

ну вот у меня кастомный хук для реакт квери. Он не завязан на отображении. Чисто возвращает данные

но жить может всё равно только в компоненте :)

издержки реакта

Были у кого нибудь такие кейсы с jwt

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

Какой-то прям трэшак получается, и правильно ли то что мы используем jwt?

Текущая реализация работает так: токены лежат в куки с expiredTime как раз на 30 минут для первого кейса, есть также в системе idle на 10 минут

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

Нельзя ли упростить этот сложный flow.

Была идея idle засинхронизировать со всеми вкладками через localStorage

да, напишите синхронизацию

localStorage / BroadcastChannel

Safari и IE не поддерживает

да, полифилить надо

можно по сокету кидать событие на то что бы вылогинить

у нас так сокет работает если с другово устройства разлогинить, поскольку активное устройсво может быть одно)

пока будем синхронизировать idle таймер через localstorage или BroadcastChannel

посмотрим что получится

просто мне еще не нравится что токеныв куки лежать с expiredDate, и в какой-то вкладке они могут просто сдохнуть

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

Я старый и не ведусь на продажи

Значит нагло врут?!

Я не видел таких аргументов, поэтому не могу судить

Спасибо, за хороший аргумент. Очевидный и не заметный.

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

Sometimes, we want to reuse some stateful logic between components. Traditionally, there were two popular solutions to this problem: higher-order components and render props. Custom Hooks let you do this, but without adding more components to your tree.