78 - React JS - login и logout api

it-incubator.io/education/?ut... - человекоориентированное, честное и профессиональное обучение front-end и back-end разработке гарантированно до трудоустройства за фиксированную стоимость.
Поддержать меня можно на patreon / itkamasutra или оформив спонсорство на данном канале.
Помогайте друг другу вот здесь: t.me/reactjs_samurai
API: social-network.samuraijs.com/
Флоу по логинизации и вообще авторизации на первый взгляд несложный, но на второй взгляд - есть куча нюансов!!! И нам нужно их учесть: правильные и своевременные редиректы, понимание, кто мы сейчас в данный момент, имеем право ли мы быть здесь и здесь, а сейчас, а через 4 секунды??
Делаем первую версию, багованую и не финальную! Переделывать не придётся, не бойтесь))) Но дорабатывать будем!
Летим, самураи!!!
Уроки по React JS: • Курс "React JS - путь ...
* Сайты:
it-kamasutra.com
it-incubator.eu
samuraijs.com
* Мы в соц. сетях:
itkamasutra
/ itkamasutra
telegram.me/itkamasutra
* Мои личные VK и Insta:
d.kuzyuberdin
/ it.kamasutra.dimych
#login #react #пример

[@is_eliseeva]

спасибо за урок! успехов тем, кто добрался до 78 урока!

[@shalyayura5899]

От 1-го урока до 78-го дошел, спасибо Дима)

[@hikmatasgarli7036]

*_За какое время?_*

[@rproject7029]

@@boriskharaev3886 работу нашел?

[@yansilitskiy813]

@@boriskharaev3886 Ну как успехи с работой?

[@yansilitskiy813]

@@boriskharaev3886 ну да, отлично. Поздравляю)

[@user-cl8hi9jw3b]

@@boriskharaev3886 а сейчас как успехи?)

[@antonaseyev3760]

"И ты еще не старик, поверь еще не поздно!" - вот после этого я просто обязан втащить тему до конца! Спасибо, Димыч!

[@user-bh2sz9tz6f]

как успехи Антон ?

[@antonaseyev3760]

@@user-bh2sz9tz6f полгода уже работаю :)

[@user-bh2sz9tz6f]

@@antonaseyev3760 успехов в карьере) , и как знания от сэнсея пригодились? Или много еще учить для продакшнэна ?

[@antonaseyev3760]

@@user-bh2sz9tz6f Спс. главные скиллы - это чтение кода и дебажинг. Так что да, все пригодилось.

[@6ajkermexx591]

@@antonaseyev3760 какой город? были проблемы?

[@mardershadow3965]

С каждим випуском я все больше ощущаю мощь front-end разработчика, спасибо 🎉; хотя стоит понимать, што из-за давности видео road map джуниора подрос и после сотово випуска нужно будет еще учить redux toolkit, react query, material ui, но ето уже совсем другая история.

[@jalynkyrgyzuulu8952]

Я использовал команду Navigate вместо Redirect Синтаксис как показано ниже import { Navigate } from "react-router-dom"; if (props.isAuth) {   return ; }

[@user-ft3hx4xg9b]

if (props.isAuth) { return }

[@semial]

"Не бояться непонимания и двигаться вперед"- Это лучшая и мотивирующая фраза, которая звучит от Димыча. Когда я что-то не понимаю, я начинаю думать, что я полная тупень ахахах)) Спасибо за урок! Много нового узнал. Теперь по-человечески можно заходить на свой акк))))

[@O_Shpak]

у меня тоже такие мысли проскальзывают🙃

[@user-vj8hj9jk2b]

Когда пишем thunk creator для logout проще будет создать новый action creator const resetAuthDataAC = () => { return { type: RESET_USER_AUTH_DATA } } и потом его использовать для изменения стейта, по сути сбрасывая его значения до начального: case RESET_USER_AUTH_DATA: return { ...state, ...initialState } Таким образом нам не придётся вешать все на action creator setAuthUserData и при этом добавлять в него еще один параметр isAuth.

[@Zer0IsNotJustNumber]

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

[@artempavlenko5147]

но не забывать надо, что если ради пару кнопок и полей то не стоит. UI библиотечка весит прилично

[@user-fs4sl5my1o]

Отличный выпуск про login и logout в React и Redux ! Ещё совсем немного осталось до юбилейного сотого выпуска ) Уже так много проделано работы и одновременно ещё столько всего интересного нас ждёт впереди, и всё благодаря Димычу, за что ему преогромнейшая благодарность !!!

[@ITKAMASUTRA]

🙏👍 действительно, ребят, мелочей и нюансов ещё много!! Летим!!! 🚀🚀🚀

[@user-sd7wv7xm8o]

Спасибо! Сделал на Formik, получилась немного другая структура компонентов, добавил форму регистрации, адаптив и стилизацию на Material UI. Пришлось погуглить. Честно говоря, не думал что получится . Спасибо Дима!!!! Reactjs ! login logout! Теперь еще сто раз переделать чтобы запомнить !!!)

[@braivs]

мощно что ты все это сам проделал, что хватило усердия и нашёл время)

[@ctumyji9737]

Спасибо Димыч! Было познавательно - лечу дальше! React JS - лучший курс!

[@ervinabliamitov2149]

Спасибо за очередной взрывной урок, доходчиво и понятно до безобразия!)

[@user-rg8wz2rt9e]

С каждым выпуском загрузка мозга обеспечена) Пересматривать что-то в любом случае нужно, хотя меня совсем новичком в программировании не назовёшь. Спасибо Вам за ваш труд!

[@Alex-ge7jt]

Димасик, верим и ждем выпуски!))

[@user-gl8vn7ys4t]

Уфф, круто круто, сенсей, летим!! Супер уроки по React, Redux, react-thunk. Наглядно и понятно о FLUX-архитектуре SPA-приложений

[@sergsergey4251]

Отличный выпуск о React JS - login и logout api. Отличный курс! Спасибо. Бомбим дальше ©

[@user-nk6ih7uh1h]

Отличный выпуск про login и logout в React JS. Это однозначно лучший бесплатный курс по реакту. Дима, большое спасибо!

[@user-bd4lw9hx3s]

Очень красивая и приятная песня в конце) Спасибо большое Дмитрию! Прекрасные уроки по React - Redux! Отличная подача! Дмитрий лучший! Вперед, IT-KAMASUTRA!

[@marsonleonardovich4036]

Отличный урок, спасибо! Ты самый лучший в youtube, для тех кто действительно хочет научиться писать на React JS и у кого нет средств или времени на курсы где-то в каком-то офисе, а с твоими уроками можно в домашних условиях учиться)LIKE!)

[@user-fr7eu2dh1f]

Че за магия ? С каждым уроком удивляюсь все больше) Спасибо Димыч ))

[@frozeninside5004]

Первый раз прослушал песню в конце без х1.5 ускорения ! Так Сенсей еще и петь умеет ! )) Спасибо ! React JS - login и logout api

[@mariia6820]

Какое же крутое ощущение, дошла до логинизации! Спасибо тебе,Димыч! Верю в себя и во всех,кто дошел,всем уверенности в себе и удачи!! Лучшие уроки ReactJs login и logout api

[@miguelgrushetckii4839]

Спасибо огромное! благодаря прошлым выпускам (точнее пониманию) почти не переписываю твой код, тк и так понятно, что и куда нужно написать, главное уловить цель всех написаний и последовательно все отобразить(не в UI, а в виде кода). React Redux Login Logout

[@brightisrael1304]

Димыч спасибо огромное.. Серия уроков подходит к концу, но они мне очень помогли освоить и понять главные принципы работы с Реакт. Обязательно сделаю донат скоро..

[@vitya1865]

очень интересная тема для видоса) Старался делать наперед, некоторые решения расходятся с твоими, но в целом похоже получилось)

[@hennadiipetrov1967]

Спасибо, Димыч, получаю удовольствие от того, что все так четко работает...

[@user-sg2sx9em5c]

Летим дальше! Спасибо, Димыч! пс. React JS, login, logout api

[@bugaga8144]

С каждым уроком все легче и легче, уже так иногда напрягаешься. Например прошлый выпуск напрягся, а этот весь в носу проковырялся. Спасибо Димыч за мой прогресс

[@bohdanzghonnik6504]

Блин, круто, что у меня сразу заработало, потом оказалось, что я сам сразу же убрал повторный isAuth. Приятно было. Спасибо.

[@Snegurjan]

Димыч ,ты абсолютно прав,я не знаю как это работает ,но это работает,когда возвращаешься назад на темы которые недопонимал,теперь каким то образом стали понятными))))Магия)))

[@Titanidze17]

Спасибо, очень классный ролик!

[@antonkudrin7060]

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

[@Jorjeee]

Сразу заметил что расширение стало лучше, иконки стали меньше. Поздравляю с новым ноутом. Хотя уже почти год прошёл после покупки ))

[@quterma]

Сегодня месяц как я начал этот курс. Последние несколько серий торможу, но прогрызаюсь. Бомбим! { react redux js formik hok thunk hook }

[@user-zx2iz7qg6k]

Отличный курс, спасибо Димыч тебе, мне очень интересно именно реализация отправки сообщение и получение хотя знаю что этого не будет в этой части курса, надеюсь будет в продолжение курса, жду продолжение ! 🚀

[@naiz4005]

Круто осознавать, что дошел почти до конца

[@smolhs1586]

эта песня в конце, не могу!( такая мелодичная и приятная! спасибо!

[@Temp12189]

респект Димычу за обучение дебаггингу! Коряво деструктурировал объект и в итоге на сервер в свойстве email отправлял email в месте с паролем. По нетворку в хроме я что-то проморгал эту ошибку в данных, но в дебаггере сразу заметил. Димыч лучший!

[@rahalmamut01]

Очень интересно тебя смотреть и не менее интересно делать когда все понял в уроке 🚀

[@user-di9dd7bb4l]

Спасибо за Ваши уроки!!! React JS login и logout api

[@maxkos6184]

Outstanding video!!! Thx, Dimych!!! React, react-redux and 'thunk' are explained better than in facebook docs!

[@user-qs7ij8df4q]

React JS - login и logout api )) Пушка-гонка!!! Димыч, спасибо огромное, чую трудоустройство уже близко!) Летим-летим!))

[@user-ml8hn5kg9e]

Сегодня 05.12.21 продолжаю учиться. Урок классный !!!Сколько у вас терпения Дмитрий, столько уроков сделать!

[@KanalReal]

Нашел работу?

[@user-ml8hn5kg9e]

Да нашёл требуются лиди@@KanalReal

[@user-jx7ez8xv2e]

react js redux крутой курс! Ещё остановочку проехали, едем дальше!

[@mykhailostepanishchev6472]

Очень инетересный урок,большое спасибо ! login и logout api

[@spacerider9426]

Спасибо огромное за твой труд! Смотрю дальше!

[@user-sw6jv3ot4z]

Яке приємне відчуття, коли одразу помітила помилку і сидиш чекаєш, коли ж і автор її знайде :)) Просто і доступно про login i logout API

[@sheshko_pavel]

Спасибо за видео. 40 минут видео часа 3 обрабатывал )) Всё работает, летим дальше 🚀 React Login, Logout, Axios, request, response, Thunk, mapStateToProps

[@nachalponimat]

Благодарю!! (login и logout api)

[@sergiydaragan942]

06/06/2023 ... в части не знаю как у кого, а у меня "выстреливает" любимый Димычем error )) Может много "6" в дате, но скорее, как я понял, React шагает семимильными шагами и упрощает (?) все хуками для таких как я) Погуглил, и заменил : ЭТО: if (props.isAuth) { return } На Это: const navigate = useNavigate(); if (props.isAuth) { return navigate ('/profile')} Пользуясь случаем - Дмитрий, твой курс #React JS, #Redux etc просто Supper!! It-Kamasutra Forever!

[@tazalov]

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

[@olegb2177]

Как всегда отлично, спасибо за урок!

[@vladv.198]

Все Это меня несказанно радует, прям очень React JS - login и logout api))))

[@user-vt4yb9ee2y]

Шикарнейший курс!!!!!!! Это лучший из лучших контентов во всем Интернет-пространстве по REACT ! Спасибо Димыч, ты отичный программер, преподаватель и мотиватор ! P.S. Проблему с загрузкой Profil-а на первом rendere можно решить, используя старый-добрый setTimout внутри componentDidMount в ProfileContainer. Т.о. при задержке всего в 100 мл.с ответ с нашим id с запроса me... будет успевать приходить...

[@gorillatv577]

От поры до времени возвращаюсь к предыдущим урокам. Вспомнил, что есть ещё капча и решил её вывести. С первого раза, конечно, по невнимательности ничего не получилось (чтение документации). А на второй раз за 20 минут сделал её и понял принцип работы. Спасибо, Димыч!!!

[@ITKAMASUTRA]

Уго, супер! Молодец! Новый выпуск будет об этом)

[@andreiribac6284]

Была ошибка, не мог залогиниться! Перелопатил учебни гит репозиторий, сравнивал строчку за строчкой. Отчаялся. Отрыл debagger- пулемет! Оказалось что в полях Field name="email" - писал с большой буквы, а в пропсах получал с маленькой. Поэтому было undefained значение!! Господа будьте внимательны в таких вещах! Всем успехов! Диме большое спасибо!

[@KyrelRama]

столкнулся с такой же ошибкой, но каким то чудом, быстро исправил

[@YevhenRight]

спасибо тебе за коммент, у меня было тоже самое, думал сойду с ума!!!!

[@andreiribac6284]

@@YevhenRight Рад что помог! Успехов тебе!

[@o-w1871]

прикольно, когда доходишь до моментов которые ранее сделал сам))) Посоны, не бойтесь щупать проект самостоятельно и пытаться что-то допиливать) Всем удачи! Всем мира!

[@fazatranz]

react js redux крутой курс! login logout api летим дальше))

[@user-tf1rn7qq2p]

Большое реактивное спасибо, Димыч! React JS login logout

[@ritaravinsky8262]

Спасибо! Очень интересно!

[@maksym_shkaf]

React JS - login и logout api Спасибо!

[@olenakunina1]

и на этом уроке я поняла что придется откатиться назад)) спасибо!

[@itweb7157]

наконец-то 0 дизлайков!!! =) сделал авторизацию несколько выпусков назад, но при просмотре с Димычем всё равно были моменты, которые доработал Димыч, спасибо за твой труд! #React #JS - #login и #logout #api #redux

[@user-tt3bc7yk8r]

3 раз пересматриваю видео и каждый раз, когда в видео приходит сообщение в телегу, думаю что это у меня....))

[@serdibro6919]

Песня очень крутая аж до мурашек ! Спасибо шурую дальше )

[@dimitriitkach7697]

spasibo za urok - 78 - React JS - login и logout api

[@pashabezk]

2022. Спасибо большое! Очень долго ждал login и logout

[@denkodatskyi3381]

React JS - login и logout api Лучшие уроки по React JS & Redux !!! The BEST!!! lessons of React & Redux!!! Programming and Coding!!! Just simply about information technology =)

[@yurikorabel5435]

охх... пашем пашем) и заветная соточка уже близко! спасибо

[@mrmicolka]

React JS - login и logout api. Сделал это еще два видео назад. Теперь можно расслабиться и просто посмотреть)

[@aleksandrzelenskiy4000]

Отличный урок! React, Redux, Redux-form! Знать будем круто!

[@user-yx7in9nl1d]

Спасибо большое, бомбим дальше!!!!

[@alexeygolovanov6150]

Димыч. Огромное спасибо тебе !)

[@ivanmiarkulau8320]

login и logout в redux-form, спасибо за информацию!)

[@user-tr8hr4xm1l]

Крутой урок login и logout api !!!!

[@martyn1716]

мне так нравится это мелодия в конце, браво

[@dungster1650]

оп, подгон) благодарочка, лайк

[@esken97]

Спасибо Димыч) круто, сам долго пытался сделать, ошибка была в одной строке)

[@MaRy1988]

Все получилось, круто, спасибо!

[@user-dz3wr9vp6w]

СПАИБО ДИМЫЧ!!! СПАСИБО ЗА СЛОВА ПОДДЕРЖКИ, С ТОБОЙ ИНТЕРЕСНО И ПОЗНАВАТЕЛЬНО!!! REACT REDUX API

[@Smash69ful]

Самый лучший курс по React JS. Login Logout API Redux

[@ITKAMASUTRA]

Спасибо!

[@bosfaction]

))))) Часов 5-6 на видос ушло))) Благодарю Димыч!

[@user-gy9uz6eq4q]

Супер, все получилось! Спасибо!

[@user-lc7to1yb3m]

Оооо! Эта песня в конце) Она же вроде в начале курса была Я даже помню как она у меня потом в голове застряла))

[@noiseless6800]

Красава как всегда! В документаций опечаточка мелкая, /auth/login - входной параметр капчи, там boolean написан, в старой все верно string.

[@romandanik4627]

Ух и намучался с этим. Целый день потратил. Спаибо Димыч за видос :)

[@user-lg3uy2lx9h]

держись мужик) не ты один такой)

[@user-ow9zq7kf2d]

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

[@fgood574]

Спасибо за урок! А после 100го будет ли пару выпусков по стилизации?)

[@user-wj2qg3wm5v]

React Authorization лучшие уроки !)

[@eugene-dmitrievich]

Классный урок! Спасибо!

[@seriogaromanchykov9451]

Спасибо, Димыч! Отличный выпуск

[@GrourDenis]

Все будет хорошо! ) React JS от Димыча

[@RedSkyWan]

Продолжаю изучение - 20-ый день - 78/100 Димыч, спасибо за труд!

[@user-pv6md1nc5f]

20? ты практикуешься?

[@RedSkyWan]

@@user-pv6md1nc5fКонечно. Просто весь день уделяю процессу

[@user-pv6md1nc5f]

@@RedSkyWan если это действительно так, то ты молодец. Я уже почти все тоже прошёл. Осталось пару видео и заново повторить, а дальше резюме и все такое

[@user-pv6md1nc5f]

@@RedSkyWan опиши, если несложно твой путь, если устроишься на работу

[@AnKolosov]

14к просмотров и 0 дизлайков на видосе про login и logout, определенно победа Димыча, отличный курс)

[@xProGemeRx]

Ребят,у кого не редиректится с реактом в17 и реакт-дом в6,вместо редирект пишем

[@marina-ej4qd9kc1wh]

Спасибо, Димыч! React js

[@hennadiipetrov1967]

Песня конечно... чувство юмора у тебя огонь)

[@ITKAMASUTRA]

Спасибо:))

[@dob1wan174]

с новым ноутом поздравляю! ))))

[@ruslanla4654]

Димыч, как всегда крутой урок и крутейший трек)))

[@seriogaromanchykov9451]

Отличный выпуск про login и logout в React и Redux 2023

[@user-cy4cz7zx4m]

Спасибо за уроки

[@user-jm9zo5re8e]

Понятно объясняешь , спасибо.