78 - React JS - login и logout api

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

Комментарии • 509

  • @is_eliseeva
    @is_eliseeva Год назад +18

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

  • @shalyayura5899
    @shalyayura5899 5 лет назад +138

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

  • @anthem_xlii
    @anthem_xlii 4 года назад +85

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

    • @ДониёрРахманов-ч1ю
      @ДониёрРахманов-ч1ю 4 года назад

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

    • @anthem_xlii
      @anthem_xlii 4 года назад +6

      @@ДониёрРахманов-ч1ю полгода уже работаю :)

    • @ДониёрРахманов-ч1ю
      @ДониёрРахманов-ч1ю 4 года назад

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

    • @anthem_xlii
      @anthem_xlii 4 года назад +4

      @@ДониёрРахманов-ч1ю Спс. главные скиллы - это чтение кода и дебажинг. Так что да, все пригодилось.

    • @6ajkermexx591
      @6ajkermexx591 3 года назад

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

  • @mardershadow3965
    @mardershadow3965 Год назад +7

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

  • @semial
    @semial 4 года назад +24

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

    • @O_Shpak
      @O_Shpak Год назад

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

  • @ВикторКысса-я8х
    @ВикторКысса-я8х 5 лет назад +31

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

    • @ITKAMASUTRA
      @ITKAMASUTRA  5 лет назад +9

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

  • @ПавелИванович-ы7ц
    @ПавелИванович-ы7ц 3 года назад +5

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

    • @braivs
      @braivs 3 года назад

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

  • @andreiribac6284
    @andreiribac6284 3 года назад +5

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

    • @KyrelRama
      @KyrelRama 2 года назад +1

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

    • @YevhenRight
      @YevhenRight 2 года назад

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

    • @andreiribac6284
      @andreiribac6284 2 года назад

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

  • @Zer0IsNotJustNumber
    @Zer0IsNotJustNumber 5 лет назад +56

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

    • @artempavlenko5147
      @artempavlenko5147 4 года назад +6

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

  • @АртемКулинский-ю4о
    @АртемКулинский-ю4о 3 года назад +5

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

  • @Snegurjan
    @Snegurjan 4 года назад +3

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

  • @ВадимЛюманов
    @ВадимЛюманов 2 года назад +9

    Когда пишем 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.

  • @frozeninside5004
    @frozeninside5004 4 года назад +3

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

  • @quterma
    @quterma 4 года назад +5

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

  • @РоманВаськов-ф1х
    @РоманВаськов-ф1х 4 года назад +3

    React JS - login и logout api. Два дня пересматривал это видео и не мог найти свою ошибку. У меня при вводе данных на странице логин не происходила авторизация и редирект на страницу профиля. Оказалось, что я не внимательно написал функции login и logout в auth-reducer. В методе then работал с данными которых там нет. Вот же засада. Спасибо за такой отличный курс.

    • @VadymOchereteniuk
      @VadymOchereteniuk 4 года назад

      Тоже долго искал ошибку, почему же я раньше не видел этот комент?)

    • @andreiribac6284
      @andreiribac6284 3 года назад

      столкнулся с той же проблемой. Смотрел на гите проекта это кусок кода - переписал так же. Пока не работает, копаюсь дальше

  • @jalynkyrgyzuulu8952
    @jalynkyrgyzuulu8952 Год назад +9

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

  • @smolhs1586
    @smolhs1586 Год назад +1

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

  • @bugaga8144
    @bugaga8144 2 года назад +2

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

  • @sergiydaragan942
    @sergiydaragan942 Год назад +2

    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
      @tazalov Год назад

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

  • @АннаЛелеко-ы3ю
    @АннаЛелеко-ы3ю 4 года назад

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

  • @АлексейЖуков-й6х
    @АлексейЖуков-й6х 4 года назад +4

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

  • @seriogaromanchykov9451
    @seriogaromanchykov9451 Год назад

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

  • @denkodatskyi3381
    @denkodatskyi3381 4 года назад +1

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

  • @mariia6820
    @mariia6820 4 года назад +1

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

  • @Mark1-f2n
    @Mark1-f2n 4 года назад +2

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

  • @olenakunina1
    @olenakunina1 2 года назад +1

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

  • @naiz4005
    @naiz4005 2 года назад +1

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

  • @ervinabliamitov2149
    @ervinabliamitov2149 4 года назад +2

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

  • @Alex-ge7jt
    @Alex-ge7jt 5 лет назад +8

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

  • @RedSkyWan
    @RedSkyWan 4 года назад +2

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

    • @ДенисКускильдин
      @ДенисКускильдин 3 года назад

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

    • @RedSkyWan
      @RedSkyWan 3 года назад

      @@ДенисКускильдинКонечно. Просто весь день уделяю процессу

    • @ДенисКускильдин
      @ДенисКускильдин 3 года назад +1

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

    • @ДенисКускильдин
      @ДенисКускильдин 3 года назад

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

  • @martyn1716
    @martyn1716 Год назад

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

  • @Smash69ful
    @Smash69ful 4 года назад

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

  • @bohdanzghonnik6504
    @bohdanzghonnik6504 4 года назад +2

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

  • @Matfei-h2o
    @Matfei-h2o 7 месяцев назад

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

  • @Jorjeee
    @Jorjeee 4 года назад +9

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

  • @zucker6166
    @zucker6166 3 месяца назад

    я планировал пройти этот курс за 1 месяц, но вот уже прошло два месяца и даже более, а я еще на 78 уроке. Да, я брал иногда отдых. Я переделывал проект на typescript, что не входит в рамки этого курса. Изучал Material UI библиотеку, для того чтобы все выглядело красивее. Изучал Formik, писал много чего сам.
    Именно так и выглядит реальность: твои планы - это не более, чем планы. В реальности, как правило, все немного(или намного) сложнее). Так что тем, кто тоже не укладывается в сроки планируемого завершения курса - топите дальше, отдыхайте, когда это необходимо, изучайте что-то, что тоже необходимо для фронтенда на реакте. Курс вышел давно, тут, безусловно, есть база, но и акутальные вещи также необходимо уметь применять. Успехов всем!

  • @Temp12189
    @Temp12189 4 года назад +2

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

  • @Titanidze17
    @Titanidze17 5 лет назад +8

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

  • @ctumyji9737
    @ctumyji9737 5 лет назад +3

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

  • @Safaptiz
    @Safaptiz 3 года назад +7

    До выпуска с формами все шло гладенько, но поскольку редакс-формы устарели, использовала Formik , и это было уже сложнее- никто не разжёвывал, как для дебилов:)) но только благодаря этим всем выпускам и многократным повторениям принципов работы удалось понять документацию и внедрить другую форму в проект, поэтому тем, кто говорит, что курс устарел - не верьте, тем более, если читать документацию реакта, то там очевидно, что многие вещи, например классы и hoc спокойно планируются пока поддерживаться.

    • @СтепанЦуканов-т9ы
      @СтепанЦуканов-т9ы 2 года назад

      Подскажи, пожалуйста, а контейнерную компоненту на Формике получилось сделать ?

    • @Safaptiz
      @Safaptiz 2 года назад +2

      @@СтепанЦуканов-т9ы смотря зачем она там нужна, формик - это просто обертка, куда ты передаёшь определенные, указанные в документации пропсы, она никак не мешает создать любую компоненту. Но для неё не нужен редакс, все значения не нужно сохранять в сторе, так как они все хранятся в локальном стейте «под капотом» формика. Так что там скорее всего контейнерная не нужна

    • @O_Shpak
      @O_Shpak Год назад

      А я все делала по урокам так как считаю что для понимания нужно пройти, тем более что я только учусь и самой с Formik мне трудно

    • @mansiayer848
      @mansiayer848 Год назад

      @@O_Shpak не бойся экспериментировать. Потом тебе так же будет сложно внедрять новые технологии, но ещё и страшно, если сейчас этого не сделаешь. Я прочёл коммент о том, что react-form устарела, и пошёл искать инфу. Перешёл за пару дней на react-hook-form. Код стал чище, короче и удобнее, а как следствие - его проще писать и читать.

  • @gorillatv577
    @gorillatv577 5 лет назад

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

    • @ITKAMASUTRA
      @ITKAMASUTRA  5 лет назад +1

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

  • @ЛусінеАтаджанян
    @ЛусінеАтаджанян 3 года назад

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

  • @ІгорСнігур-х1л
    @ІгорСнігур-х1л 4 года назад +1

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

  • @nachalponimat
    @nachalponimat 4 года назад +4

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

  • @marsonleonardovich4036
    @marsonleonardovich4036 5 лет назад

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

  • @БорисЦ-ю8ы
    @БорисЦ-ю8ы 5 лет назад +2

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

  • @antonkudrin7060
    @antonkudrin7060 3 года назад +1

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

  • @АндрейВерещагин-т1ю

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

  • @maksimpl
    @maksimpl Год назад

    Спасибо Сансей, летим. Март 2023

  • @sergsergey4251
    @sergsergey4251 4 года назад

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

  • @maksym_shkaf
    @maksym_shkaf 3 года назад +2

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

  • @fgood574
    @fgood574 5 лет назад +15

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

  • @ГеннадийГорохов-ц8н

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

  • @mykhailostepanishchev6472
    @mykhailostepanishchev6472 4 года назад

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

  • @mrmicolka
    @mrmicolka 4 года назад

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

  • @seriogaromanchykov9451
    @seriogaromanchykov9451 Год назад

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

  • @KirillPetechkin
    @KirillPetechkin 4 года назад +2

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

  • @sergiystebelskiy2863
    @sergiystebelskiy2863 5 лет назад +7

    чисто лайк)
    Сколько ещё видосов планируеться на данный плейлист?
    Лично я готов смотреть вечно!

    • @ITKAMASUTRA
      @ITKAMASUTRA  5 лет назад +2

      100 всего будет в данном цикле!!!

    • @sergiystebelskiy2863
      @sergiystebelskiy2863 5 лет назад +4

      @@ITKAMASUTRA прикольно.
      А потом что, если не секрет?

    • @CodeStudent
      @CodeStudent 4 года назад +1

      ​@@sergiystebelskiy2863 апгрейд знаний

  • @ВикторКулагин-ь2у
    @ВикторКулагин-ь2у 4 года назад

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

  • @ivanmiarkulau8320
    @ivanmiarkulau8320 3 года назад

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

  • @romandanik4627
    @romandanik4627 4 года назад +2

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

    • @ИгорьДанилов-й2ы
      @ИгорьДанилов-й2ы 3 года назад +2

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

    • @IuriiKholoimov
      @IuriiKholoimov 3 года назад

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

  • @dimitriitkach7697
    @dimitriitkach7697 4 года назад

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

  • @fazatranz
    @fazatranz 5 лет назад +1

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

  • @ДарьяТравкина-г2д
    @ДарьяТравкина-г2д 3 года назад

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

  • @ЭддиД
    @ЭддиД 4 года назад

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

  • @yurikorabel5435
    @yurikorabel5435 3 года назад

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

  • @react_js
    @react_js 2 года назад

    😍👍доступные курсы по реакт react samurai

  • @aleksandrzelenskiy4000
    @aleksandrzelenskiy4000 3 года назад

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

  • @o-w1871
    @o-w1871 2 года назад

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

  • @miguelgrushetckii4839
    @miguelgrushetckii4839 4 года назад

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

  • @xProGemeRx
    @xProGemeRx 2 года назад +6

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

  • @SamSiMmP
    @SamSiMmP 8 месяцев назад

    Спасибо Димыч, я ещё не сдался!

  • @alik64
    @alik64 2 года назад +1

    Круто! Всё работает! 🔥 реакт редакс react redux Login log out

    • @СтепанЦуканов-т9ы
      @СтепанЦуканов-т9ы 2 года назад +2

      я на 2 недели завис с этим формиком)) завтра сабмит сделаю

    • @alik64
      @alik64 2 года назад

      @@СтепанЦуканов-т9ы да я тоже на формике висел немного 😁

  • @rahalmamut01
    @rahalmamut01 4 года назад

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

  • @vladv.198
    @vladv.198 5 лет назад +1

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

  • @user-zx2iz7qg6k
    @user-zx2iz7qg6k 4 года назад

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

  • @marina-ej4qd9kc1wh
    @marina-ej4qd9kc1wh 10 месяцев назад

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

  • @brightisrael1304
    @brightisrael1304 4 года назад

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

  • @pashabezk
    @pashabezk 2 года назад

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

  • @Al4ii
    @Al4ii 3 года назад +1

    увидел Димыча - поставил лайк!)

  • @ВладПономарёв-м1ъ
    @ВладПономарёв-м1ъ Год назад +1

    Димыч, 26:25 ) Красава

  • @hennadiipetrov1967
    @hennadiipetrov1967 5 лет назад

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

  • @reactguy
    @reactguy 3 года назад

    Я час потратил на поиск ошибки, которую допустил в одном из уроков. Это был увлекательный опыт. Рассказываю:
    Где-то на середине урока, когда Дима пошел проверять авторизацию через форму логин, у меня приложение падало в ошибку "Render is not a function". Сколько я дебаггеров поставил, сколько я брейкпоинтов воткнул в код, но ошибка не хотела решаться.
    Нервы были на пределе, интернет смотреть не хотел, гораздо больше опыта приобретаешь в те моменты, когда такие ошибки доводят тебя до белого каления. И как же становится приятно, когда наконец-то находишь решение... =)
    Решение:
    В файле App.js, где мы через роуты указываем path='/login' в параметр render, я не передал коллбэк с компонентой Login - render={() => }
    А передал напрямую компоненту Login - render={Login}
    Дима, спасибо!
    Именно с твоими уроками начинаешь думать и решать задачи, как программист)
    Успехов тебе во всех проектах

  • @milter2539
    @milter2539 4 года назад

    Урок 78. Пишу свой белорусский социально-экологический проект. Комент как благодарность (:

  • @tema_skakun
    @tema_skakun Год назад

    Дима, спасибо))
    #login #react #пример

  • @eugene-dmitrievich
    @eugene-dmitrievich 10 месяцев назад

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

  • @interpol2138
    @interpol2138 2 года назад +4

    До 18:30 делаем диспачь и санки как у димы. Дальше выполнил все на Formik кому нужно держите код сравните.
    Главное выйти с сайта и вписать свои данные в Login. Все
    import React from 'react';
    import {Formik, Form, Field, ErrorMessage} from 'formik';
    import * as Yup from 'yup';
    import style from './Login.module.css';
    import {connect} from "react-redux";
    import {Navigate} from 'react-router-dom';
    import {login} from "../../redux/Reducer/AuthReducer";
    const validateLoginForm = values => {
    const errors = {};
    if (!values.email) {
    errors.email = 'Введите email';
    } else if (
    !/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i.test(values.email)
    ) {
    errors.email = 'Invalid email address';
    }
    return errors;
    };
    const validationSchemaLoginForm = Yup.object().shape({
    password: Yup.string()
    .min(2, "Must be longer than 2 characters")
    .max(10, "Must be shorter than 10 characters")
    .required("Введите пароль")
    });
    const Login = (props) => {
    if (props.isAuth) return
    return (

    Log in
    {
    props.login(values.email, values.password, values.rememberMe);
    }}
    >
    {() => (











    remember me

    Log in
    {props.messageError}

    )}


    );
    };
    let mapStateToProps = (state) => {
    return {
    messageError: state.auth.messageError,
    isAuth: state.auth.isAuth
    }
    }
    export default connect(mapStateToProps, {login})(Login);

  • @serdibro6919
    @serdibro6919 3 года назад

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

  • @ВасилийМерзляков-м4р

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

  • @sheshko_pavel
    @sheshko_pavel 2 года назад

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

  • @__online7250
    @__online7250 11 месяцев назад +1

    🤩React JS - login и logout api

  • @AnKolosov
    @AnKolosov 4 года назад

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

  • @dungster1650
    @dungster1650 5 лет назад +3

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

  • @ritaravinsky8262
    @ritaravinsky8262 2 года назад

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

  • @АндрейФилимончик-ю9у

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

  • @olegb2177
    @olegb2177 4 года назад

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

  • @sergeyistominov5880
    @sergeyistominov5880 2 года назад

    Плюсик для лучшего ранжирования =)

  • @GrourDenis
    @GrourDenis 3 года назад

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

  • @user-tf1rn7qq2p
    @user-tf1rn7qq2p 3 года назад

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

  • @alexeygolovanov6150
    @alexeygolovanov6150 5 лет назад +2

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