27. Добавляем в логику авторизации async thunk и sessionStorage
HTML-код
- Опубликовано: 10 янв 2023
- На этом уроке мы добавим типизацию компонентов в наш проект на React js.
Поддержите мой канал:
👍ПоставтеЛАЙК
🔔Нажмите на звонок
💬Напишите комментарий
Поддержать на Patreon - / techjavascript
✅ Телеграм чат - t.me/techjavsscript
✅ Github репозиторий - github.com/dadi2015/react-les...
✅ Backend - github.com/dadi2015/lesson_ne...
Полезные ссылки:
1. Макет для верстки - www.figma.com/file/yurQlM9Xp4...
4. Material ui Theme - mui.com/material-ui
5. Redux toolkit async thunk - redux-toolkit.js.org/api/crea...
Очень интересный урок, спасибо большое!
спасибо за урок
не хотели бы вы посомтреть библиотеку useSWR и сказать о ней свое мнение?
Спасибо за комментарий. К сожалению не знаком с данной библтотекой. И к сожалению конструктивного отзыва дать не смогу
Без авторизации в консоли засетил в sessionStorage рандомный токен, имя и получил доступ к приватным роутам. Наверно как то надо сравнивать токен который сгенерирован на сервере и токен из sessionStorage и только потом давать доступ.
Засетить можно, но доступ к роутам в которых нужен токен человек все равно не получит. Да и плейлист этот он для новичков, цель которого в общем показать суть задачи и самое простое решение.
@@techjavascript здравствуйте. А есть у вас на канале видео как именно сравнить токены на фронте и сервере? Третий день бьюсь, понять не могу. Или можете хотя бы ссылку дать где почитать
При обновлении странички в стор не подгружает данные пользователя. Подскажите пожалуйста как лучше пофиксить ?
Надо увидеть код ваш. Залейте его на нит и скиньте ссылку в групу тг
Как решил проблему?
если есть возможность - лучше перезалить урок в full hd, потому что 720p на большом экране- это боль, всё мутно
Ок. Чуть позже перезапишу этот урок и следующий
@@techjavascript 28 урок в full hd, там всё нормально
🎊 Promo'SM.
Чет так и не понял зачем и когда надо использовать async thunk
Вы используйте redux thunk тогда когда у вас есть асинхронные запросы для получения данных. То есть если вам надо запросить данные из вне и вы используете редакс, то вы всю логику запроса и хранения переносите в редакс. А в компонентах вы данные запрашиваете из редакса
@@techjavascript Теперь понятно) благодарю
Очень интересный урок, спасибо большое!