Тёмный

🍿 СТРИМ 🔑 АВТОРИЗАЦИЯ/АУТЕНТИФИКАЦИЯ в вебе, frontend авторизация с react, nextjs, сессия или jwt ? 

SIBERIA CAN CODE 🧊 - Frontend
Подписаться 10 тыс.
Просмотров 11 тыс.
50% 1

Опубликовано:

 

2 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 29   
@angheelina
@angheelina 8 месяцев назад
Ооо, спасибо! это то, что я давно искала
@siberiacancode
@siberiacancode 8 месяцев назад
Рад помочь
@honeymontana
@honeymontana 8 месяцев назад
будут,будут стримы))
@siberiacancode
@siberiacancode 8 месяцев назад
Работаем
@vsvid
@vsvid 8 месяцев назад
Можно кэшировать запросы через функцию cache (и через «export const revalidate = 3600» указывать время ревалидации в компоненте, где выполняется запрос), или же использовать библиотеки со своей реализацией кэширования: SWR, ReactQuery 2:41:15
@kvarcev
@kvarcev 5 месяцев назад
Оч полезный видос, спасибо за твой труд 🤍
@siberiacancode
@siberiacancode 5 месяцев назад
Спасибо за такой приятный комментарий
@Theo-t3gg
@Theo-t3gg 8 месяцев назад
Dmitry, 1:27:08 here u can use size-6 instead h-6 w-6
@siberiacancode
@siberiacancode 8 месяцев назад
thx theo, i really appreciate this
@sh0ny
@sh0ny 5 месяцев назад
Ты просто топ! Спасибо тебе за такой качественный контент и ты правильно говоришь, что нужно понимать всё с более высокой точки! Надеюсь твой энтузиазм не угаснет и ты продолжишь снимать такие вдумчивые видео ) Не хочу сравнивать, но моё мнение, что ты один из топовых фронтов на ряду с Ulbi TV )
@siberiacancode
@siberiacancode 5 месяцев назад
Спасибо большое, будем и дальше познавать itишечку
@AntonRybakou-po3fj
@AntonRybakou-po3fj 6 месяцев назад
оч круто, спасибо! а можешь выложить код на гх? сложновато по таймкодам бегать постоянно )))
@siberiacancode
@siberiacancode 5 месяцев назад
Весь код есть на github, но к сожалению только в старых коммитах тут github.com/debabin/no-holyjs-examples
@Artur-pk3sw
@Artur-pk3sw 8 месяцев назад
на 1:10:31 у тебя разве в хуке useGetProfileQuery в options будет правильно работать select? И по-моему там нужно будет обязательно прокидывать queryKey
@siberiacancode
@siberiacancode 8 месяцев назад
Завтра проверю и отпишу
@MrJettann
@MrJettann 8 месяцев назад
А можно видео про некст аус с рефреш и аксес токенами? Ни одного видео не нашел, где ты это хорошо показывалось, а хотелось бы реализовать удобную серверную авторизацию
@siberiacancode
@siberiacancode 7 месяцев назад
Буквально стрим по авторизации, там это есть
@StivenRusTV
@StivenRusTV 8 месяцев назад
Топ за сови деньги
@materiya7853
@materiya7853 5 месяцев назад
Братан, ты просто лучик света в этой темноте самообучения, хоть и учусь в колледже вроде связанным с программированием, но единственное, что оттуда получил - это понимание того, что я сам все должен выучить, Хех. Спасибо, что помогаешь с этим!
@siberiacancode
@siberiacancode 5 месяцев назад
Привет, я просто делюсь инфой, спасибо за фидбек. Рад что смог помочь
@materiya7853
@materiya7853 5 месяцев назад
@@siberiacancode некоторые за это "просто" деньги дерут, что вполне логично, это ведь ценный опыт! А откуда деньги у бедного студента??🥺 ( нет это не я ленивый и не хочу работать )
@vsvid
@vsvid 8 месяцев назад
Привет. Я хочу обсудить обработку определенного типа логики. В твоем видео ты показал, как создать 'дашборд', который включает страницу профиля пользователя (/profile), где происходит запрос данных пользователя. Этот процесс достаточно простым и понятным: создается группа маршрутов, в которую включается общий layout, где запрашивается пользователь, и через контекст передаются данные пользователя. Теперь представим другую ситуацию. У меня есть страница (обычный лендинг), где интерфейс шапки сайта меняется в зависимости от статуса пользователя. Если пользователь авторизован, мы показываем его аватар, меню и т.д. В противном случае отображается кнопка входа. Можно, конечно, просто отправить запрос с клиента, но тогда возникает проблема: если мы обернем весь контент в провайдер (например, в самый главный layout. Но, так и надо делать, потому что пользователь нужен везде из-за логики шапки), запрос будет выполняться всегда, даже если пользователь не заинтересован в авторизации, и профиль будет запрашиваться на каждом маршруте (/home, /about и т.д). Это приводит к лишним запросам на каждой странице. Одним из решений может быть обертка всего этого в проверку наличия куки (будь то access или session token). Но стоит ли так делать? Мне это кажется костылем. Чтобы минимизировать эту проблему, мы могли бы использовать серверный фетчинг данных пользователя. Это всё равно будет тот же дополнительный запрос, но уже на стороне сервера. Мы могли бы обернуть это в SessionProvider, который передает данные пользователя (похоже на реализацию NextAuth, но собственную). Однако, при использовании middleware для создания приватных маршрутов, мы столкнемся с другой проблемой: невозможностью доступа к обычным страницам из-за проверки наличия session ID. Если его нет, пользователь будет перенаправлен на страницу авторизации. То есть, я не смогу гулять по страницам. В дополнение ко всему, Next.js имеет сложности с документацией и объяснениями... Миллион вопросов.
@siberiacancode
@siberiacancode 8 месяцев назад
Ну я вчера буквально столкнулся с данным кейсом и ответ на этот вопрос кеш, ты делаешь запрос профиля например в мидл варе, а потом например в глобал провайдере по условию и потом уже например в компоненте где тебе нужен профиль. Если использовать их фетч, то запрос выполнится всего 1 раз
@vsvid
@vsvid 8 месяцев назад
⁠​⁠@@siberiacancode Если они действительно так задумывали, чтобы люди так писали, то это печально. Выглядит это не очень привлекательно и много бойлерплейта
@siberiacancode
@siberiacancode 8 месяцев назад
@@vsvidну по кешу так это и выглядит, что схоже с идеей tantack/query
@UserDev12
@UserDev12 8 месяцев назад
Спасибо за такой полезный видос ❤
@siberiacancode
@siberiacancode 8 месяцев назад
Будем и дальше работать
@materiya7853
@materiya7853 5 месяцев назад
Не знал, что люди, пользующиеся next js регулярно ходят "на себя", когда пытаются пользоваться куками, делая авторизацию.😅
@siberiacancode
@siberiacancode 5 месяцев назад
это больше не про nextjs, а про ssr, просто есть недопонимание иногда
Далее
Аутентификация. Сессии и JWT
23:37
🛑самое главное в жизни!
00:11
Просмотров 220 тыс.
Airpod Through Glass Trick! 😱 #shorts
00:19
Просмотров 2 млн
How to Set Up ESLint in 2024 (For Beginners)
22:04
Просмотров 2,7 тыс.
SENIOR on JUNIOR Javascript Developer interview
26:35
Просмотров 293 тыс.