https://auth0.com/docs/security

А подскажите что-нибудь про optimistic ui Может есть какая-нибудь годная статья на медиуме или что-то подобное? Или подходы уже устоявшиеся? Или каждый пилит как может?

Какие варианты есть, что бы проверить интернет-соединение юзера?

поднимаешь между килентом и сервером вебсокет и делаешь пинг-понг туда-сюда раз в минуту например

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

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

если таймаут больше минуты + небольшой лаг, то клиент оффлайн

если таймаут больше минуты + небольшой лаг, то клиент оффлайн

А почему просто navigator.onLine не взять?

поднимаешь между килентом и сервером вебсокет и делаешь пинг-понг туда-сюда раз в минуту например

Если там речь про PWA, то лучше в сторону сервис воркеров смотреть

Какие варианты есть, что бы проверить интернет-соединение юзера?

navigator.connection

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

А почему просто navigator.onLine не взять?

а при чем тут навигатор онлайн?

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

а не на клиенте в сети ли браузер

а почему он спрашивает это тут?

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

Про это сказано не было

Вообще ни слова

а почему он спрашивает это тут?

а где ему в канале vue что ли задавать вопросы для профессионалов? :))

Только ссылку на redux-offline вижу, а я не обязан знать что эта либа решает

Про это сказано не было

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

т.е. нет уточнения какая сторона хочет проверять эту информацию

С онлайном юзера на сервере вообще мутная тема

И индивидуально под проект

у меня к примеру было куча задач где это интересовало серверную часть

websocket

тот же чатик пишешь когда и хочешь показывать статус юзера в списке

Кстати пинговать необязательно же

Сокет под капотом пингует и можно слушать on disconnect

у вебсокета стандартно ping/pong

ага

Если там речь про PWA, то лучше в сторону сервис воркеров смотреть

не, мне просто тост нужно вывести о том, что нет соединения с интернетом

вебсокеты под такое я заводить не буду)

не, мне просто тост нужно вывести о том, что нет соединения с интернетом

если в браузере - navigator.onLine

Сокет под капотом пингует и можно слушать on disconnect

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

вебсокеты под такое я заводить не буду)

navigator.connection - информация о соединении

navigator.connection - информация о соединении

спасибо-спасибо

Кстати нужно учесть что можно с нескольких устройств зайти, тогда надо давать юзеру оффлайн только когда он со всех соединений отключится

Это просто к слову)

т.е. нет уточнения какая сторона хочет проверять эту информацию

со стороны фронта мне нужно

со стороны фронта мне нужно

Тогда просто из навигатора бери)

Сам так делаю на проекте, самый простой способ без всяких запросов

а redux-offline случайно его под капотом не юзает? интересно ещё потом посмотреть, как он работает

а redux-offline случайно его под капотом не юзает? интересно ещё потом посмотреть, как он работает

https://github.com/redux-offline/redux-offline/blob/develop/src/defaults/detectNetwork.js

https://github.com/redux-offline/redux-offline/blob/develop/src/defaults/detectNetwork.js

ага, теперь понятно, спасибо, что погуглил за меня🌚

Хотя мне на самом деле достаточно обрабатывать Network Error в catch’е navigator.onLine излишен

Сокет под капотом пингует и можно слушать on disconnect

попробуй :))

попробуй :))

Пробовал, норм

когда нужно прям реально знать ситуацию и довольно оперативно, то все эти колбеки на дисконнекты onClose перестают нормально работать

когда нужно прям реально знать ситуацию и довольно оперативно, то все эти колбеки на дисконнекты onClose перестают нормально работать

Не знаю почему Вы столкнулись с таким негативным опытом при использовании колбеков на дисконнекты. Попробуйте обратиться в техподдержку вебсокетов

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

Есть какие-то новости про новые фичи из concurrent mode и suspense for data fetching?

Vue 3 с такими же фичами будет?

Vue 3 с такими же фичами будет?

в чате вуе надо спросить

Vue 3 с такими же фичами будет?

+

Я более чем уверен что он опять сворует все фишки

Я более чем уверен что он опять сворует все фишки

почему сворует сразу

адаптируют

почему сворует сразу

Потому что вуе любит брать все фишки и из реакта и из ангуляра)

Уже неоднократно происходило

Потому что вуе любит брать все фишки и из реакта и из ангуляра)

это плохо что ли?

Привет! Подскажите пжлст, как лучше сделать - в компании у каждого отдела есть 3 своих подраздела: об отделе, люди, контакты. Во всех трех подразделах шапка одинаковая, разный только контент во второй половине экрана. Как лучше сделать: - 3 подраздела - это 3 разных родителя компонентов, где каждый раз надо загружать в стейт соответствующую подразделу информацию - или лучше сделать 1 большого родителя, где один раз загрузить стейт и потом в пропсах передавать соответствующую информацию детям. И переключать подразделы тогглером. Какой вариант лучше?

подскажите кто в сервис воркерах разбирается, использую CRA, включил их, теперь они не активируются после обновления страницы (а только если закроется вкладка), нужно как то добавить skipWaiting() ?

или как правильно это пофиксить?

это плохо что ли?

Нет, это просто забавно

Как мейнтейнеры вуе не могут определиться куда тащить фреймворк

подскажите кто в сервис воркерах разбирается, использую CRA, включил их, теперь они не активируются после обновления страницы (а только если закроется вкладка), нужно как то добавить skipWaiting() ?

А с этим есть проблемы? Сервис воркер старается активироваться 1 раз и потом крутится в фоне

А с этим есть проблемы? Сервис воркер старается активироваться 1 раз и потом крутится в фоне

он активируется, но не обновляется пока не закроется вкладка

настройки все из коробки, ничего не менялось

"не обновляется" - это как? всм не обновляется код воркера при изменении?

Как мейнтейнеры вуе не могут определиться куда тащить фреймворк

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

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

Пилят это натянуто сказано конечно

Там одни страдания в больших проектах с более-менее серьезным дата-флоу

@happylolonly попробуй это

Там одни страдания в больших проектах с более-менее серьезным дата-флоу

а бывают большие проекты без страданий?

а бывают большие проекты без страданий?

Степень страданий бывает разная, так скажем

"одни страдания" это высокая степень

https://scontent-frt3-1.xx.fbcdn.net/v/t1.0-9/67071113_2575607912473339_1664065017042960384_n.jpg?_nc_cat=102&_nc_oc=AQk2hQ_pGykSUV2ip4VEy2vYWA-dJAj35W4uOonzqI1ALa1xUOiy2f9X65ShQWxlb6o&_nc_ht=scontent-frt3-1.xx&oh=2376cfde4b0b06def45e08e024245301&oe=5DE38856

а бывают большие проекты без страданий?

Да, тут не от библиотеки уже зависит. Святая троица фреймворков по сути даёт одни и те же абстракции и средства для упрощения разработки. Дальше дело только за профессионализмом разработчиков и их слаженной работы. А что выбрать - это уже вкусовщина.

Добрый день ребята. Копаюсь в next.js , не могу понять , что за аргумент у getInitialProps "query" . Вот так выглядит все static async getInitialProps({ query })

Да, тут не от библиотеки уже зависит. Святая троица фреймворков по сути даёт одни и те же абстракции и средства для упрощения разработки. Дальше дело только за профессионализмом разработчиков и их слаженной работы. А что выбрать - это уже вкусовщина.

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

Добрый день ребята. Копаюсь в next.js , не могу понять , что за аргумент у getInitialProps "query" . Вот так выглядит все static async getInitialProps({ query })

То что ты передаешь через линк, хотя возможно это ещё что-то