С каждим випуском я все больше ощущаю мощь front-end разработчика, спасибо 🎉; хотя стоит понимать, што из-за давности видео road map джуниора подрос и после сотово випуска нужно будет еще учить redux toolkit, react query, material ui, но ето уже совсем другая история.
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!
"Не бояться непонимания и двигаться вперед"- Это лучшая и мотивирующая фраза, которая звучит от Димыча. Когда я что-то не понимаю, я начинаю думать, что я полная тупень ахахах)) Спасибо за урок! Много нового узнал. Теперь по-человечески можно заходить на свой акк))))
Когда пишем 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.
Была ошибка, не мог залогиниться! Перелопатил учебни гит репозиторий, сравнивал строчку за строчкой. Отчаялся. Отрыл debagger- пулемет! Оказалось что в полях Field name="email" - писал с большой буквы, а в пропсах получал с маленькой. Поэтому было undefained значение!! Господа будьте внимательны в таких вещах! Всем успехов! Диме большое спасибо!
React JS - login и logout api. Два дня пересматривал это видео и не мог найти свою ошибку. У меня при вводе данных на странице логин не происходила авторизация и редирект на страницу профиля. Оказалось, что я не внимательно написал функции login и logout в auth-reducer. В методе then работал с данными которых там нет. Вот же засада. Спасибо за такой отличный курс.
Спасибо! Сделал на Formik, получилась немного другая структура компонентов, добавил форму регистрации, адаптив и стилизацию на Material UI. Пришлось погуглить. Честно говоря, не думал что получится . Спасибо Дима!!!! Reactjs ! login logout! Теперь еще сто раз переделать чтобы запомнить !!!)
я планировал пройти этот курс за 1 месяц, но вот уже прошло два месяца и даже более, а я еще на 78 уроке. Да, я брал иногда отдых. Я переделывал проект на typescript, что не входит в рамки этого курса. Изучал Material UI библиотеку, для того чтобы все выглядело красивее. Изучал Formik, писал много чего сам. Именно так и выглядит реальность: твои планы - это не более, чем планы. В реальности, как правило, все немного(или намного) сложнее). Так что тем, кто тоже не укладывается в сроки планируемого завершения курса - топите дальше, отдыхайте, когда это необходимо, изучайте что-то, что тоже необходимо для фронтенда на реакте. Курс вышел давно, тут, безусловно, есть база, но и акутальные вещи также необходимо уметь применять. Успехов всем!
если в последствии будете стилизовать, можете применить для отличного примера в проекте Material UI... дабы не особо мучиться с стилизацией компонентов в целом)))
Отличный выпуск про login и logout в React и Redux ! Ещё совсем немного осталось до юбилейного сотого выпуска ) Уже так много проделано работы и одновременно ещё столько всего интересного нас ждёт впереди, и всё благодаря Димычу, за что ему преогромнейшая благодарность !!!
Димыч ,ты абсолютно прав,я не знаю как это работает ,но это работает,когда возвращаешься назад на темы которые недопонимал,теперь каким то образом стали понятными))))Магия)))
До 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 (
Очень красивая и приятная песня в конце) Спасибо большое Дмитрию! Прекрасные уроки по React - Redux! Отличная подача! Дмитрий лучший! Вперед, IT-KAMASUTRA!
С каждым уроком все легче и легче, уже так иногда напрягаешься. Например прошлый выпуск напрягся, а этот весь в носу проковырялся. Спасибо Димыч за мой прогресс
React JS - login и logout api Лучшие уроки по React JS & Redux !!! The BEST!!! lessons of React & Redux!!! Programming and Coding!!! Just simply about information technology =)
респект Димычу за обучение дебаггингу! Коряво деструктурировал объект и в итоге на сервер в свойстве email отправлял email в месте с паролем. По нетворку в хроме я что-то проморгал эту ошибку в данных, но в дебаггере сразу заметил. Димыч лучший!
До выпуска с формами все шло гладенько, но поскольку редакс-формы устарели, использовала Formik , и это было уже сложнее- никто не разжёвывал, как для дебилов:)) но только благодаря этим всем выпускам и многократным повторениям принципов работы удалось понять документацию и внедрить другую форму в проект, поэтому тем, кто говорит, что курс устарел - не верьте, тем более, если читать документацию реакта, то там очевидно, что многие вещи, например классы и hoc спокойно планируются пока поддерживаться.
@@СтепанЦуканов-т9ы смотря зачем она там нужна, формик - это просто обертка, куда ты передаёшь определенные, указанные в документации пропсы, она никак не мешает создать любую компоненту. Но для неё не нужен редакс, все значения не нужно сохранять в сторе, так как они все хранятся в локальном стейте «под капотом» формика. Так что там скорее всего контейнерная не нужна
@@O_Shpak не бойся экспериментировать. Потом тебе так же будет сложно внедрять новые технологии, но ещё и страшно, если сейчас этого не сделаешь. Я прочёл коммент о том, что react-form устарела, и пошёл искать инфу. Перешёл за пару дней на react-hook-form. Код стал чище, короче и удобнее, а как следствие - его проще писать и читать.
@@RedSkyWan если это действительно так, то ты молодец. Я уже почти все тоже прошёл. Осталось пару видео и заново повторить, а дальше резюме и все такое
Какое же крутое ощущение, дошла до логинизации! Спасибо тебе,Димыч! Верю в себя и во всех,кто дошел,всем уверенности в себе и удачи!! Лучшие уроки ReactJs login и logout api
Очень жду когда до меня дойдет озарение как это все юзать без Димыча, а когда дойдет моя благодарность незамедлительно капнет на карту Димычу в твердой валюте) Чувак реально проделал огромную работу
Я час потратил на поиск ошибки, которую допустил в одном из уроков. Это был увлекательный опыт. Рассказываю: Где-то на середине урока, когда Дима пошел проверять авторизацию через форму логин, у меня приложение падало в ошибку "Render is not a function". Сколько я дебаггеров поставил, сколько я брейкпоинтов воткнул в код, но ошибка не хотела решаться. Нервы были на пределе, интернет смотреть не хотел, гораздо больше опыта приобретаешь в те моменты, когда такие ошибки доводят тебя до белого каления. И как же становится приятно, когда наконец-то находишь решение... =) Решение: В файле App.js, где мы через роуты указываем path='/login' в параметр render, я не передал коллбэк с компонентой Login - render={() => } А передал напрямую компоненту Login - render={Login} Дима, спасибо! Именно с твоими уроками начинаешь думать и решать задачи, как программист) Успехов тебе во всех проектах
Для UI и контроля форм использовал связку ReactBootstrup & react-hook-form, код получился короче и мне показалось легче использовать такую связку. Это первый урок где делал не так как в уроке, но блин оно стоит того потратить несколько часов, зато сейчас могу создать любую форму с красивым интерфейсом. Кстати, react-hook-form испльзует локальный скрытый от глаз state и поэтому ничего пробрасывать не надо в redux store -> код короче)
От поры до времени возвращаюсь к предыдущим урокам. Вспомнил, что есть ещё капча и решил её вывести. С первого раза, конечно, по невнимательности ничего не получилось (чтение документации). А на второй раз за 20 минут сделал её и понял принцип работы. Спасибо, Димыч!!!
Когда писал по твоей аналогии но немного подругому , как же я волновался что бы я залогиниться, но когда залогигился счастью нет предела )))) Димы огромное спасибо за твой труд , надеюсь в будущем смогу тебя отблагодарить
Спасибо за видео. 40 минут видео часа 3 обрабатывал )) Всё работает, летим дальше 🚀 React Login, Logout, Axios, request, response, Thunk, mapStateToProps
прикольно, когда доходишь до моментов которые ранее сделал сам))) Посоны, не бойтесь щупать проект самостоятельно и пытаться что-то допиливать) Всем удачи! Всем мира!
Шикарнейший курс!!!!!!! Это лучший из лучших контентов во всем Интернет-пространстве по REACT ! Спасибо Димыч, ты отичный программер, преподаватель и мотиватор ! P.S. Проблему с загрузкой Profil-а на первом rendere можно решить, используя старый-добрый setTimout внутри componentDidMount в ProfileContainer. Т.о. при задержке всего в 100 мл.с ответ с нашим id с запроса me... будет успевать приходить...
Отличный урок, спасибо! Ты самый лучший в youtube, для тех кто действительно хочет научиться писать на React JS и у кого нет средств или времени на курсы где-то в каком-то офисе, а с твоими уроками можно в домашних условиях учиться)LIKE!)
Решил вывод ошибки Invalid login or password таким образом: Для начала в нашей санке указал, если код ошибки 1, то нужно диспатчить экшн который будет заносить текст ошибки в наш в error в state, после чего выносим этот error через connect в loginForm и указываем для {props.error}. При этом при клике на кнопку login каждый раз error в state будет зачищаться. Все работает, может это костыль или гавнокод, но работает ведь)))))))) Еще прикол с капчей, указал, при коде ошибки 10 надо делать запрос на капчу и выводить в нужном месте + инпут через field, чтобы в последствии введенный текст каптчи отправлять вместе с post запросом. Все супер, каптча отображается, post уходит, вход совершается) Димыч, огромное тебе спасибо)
С каждым выпуском загрузка мозга обеспечена) Пересматривать что-то в любом случае нужно, хотя меня совсем новичком в программировании не назовёшь. Спасибо Вам за ваш труд!
23:10 - Логинизация не получилась, потому что я в нашем написанном api обрезал response, а в коде, который я слямзил у Димыча, response не обрезается. И одновременно починилось добавление постов в предыдущем выпуске.
Спасибо огромное! благодаря прошлым выпускам (точнее пониманию) почти не переписываю твой код, тк и так понятно, что и куда нужно написать, главное уловить цель всех написаний и последовательно все отобразить(не в UI, а в виде кода). React Redux Login Logout
спасибо за урок! успехов тем, кто добрался до 78 урока!
Я использовал команду Navigate вместо Redirect
Синтаксис как показано ниже
import { Navigate } from "react-router-dom";
if (props.isAuth) {
return ;
}
if (props.isAuth) {
return
}
С каждим випуском я все больше ощущаю мощь front-end разработчика, спасибо 🎉; хотя стоит понимать, што из-за давности видео road map джуниора подрос и после сотово випуска нужно будет еще учить redux toolkit, react query, material ui, но ето уже совсем другая история.
От 1-го урока до 78-го дошел, спасибо Дима)
*_За какое время?_*
@@b_o_r-d5d работу нашел?
@@b_o_r-d5d Ну как успехи с работой?
@@b_o_r-d5d ну да, отлично. Поздравляю)
@@b_o_r-d5d а сейчас как успехи?)
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!
в предыдущих уроках ты как редирект оформлял? с помощью компонента Navigate, вот и тут Redirect заменяешь на Navigate и все работает
"И ты еще не старик, поверь еще не поздно!" - вот после этого я просто обязан втащить тему до конца! Спасибо, Димыч!
как успехи Антон ?
@@ДониёрРахманов-ч1ю полгода уже работаю :)
@@anthem_xlii успехов в карьере) , и как знания от сэнсея пригодились? Или много еще учить для продакшнэна ?
@@ДониёрРахманов-ч1ю Спс. главные скиллы - это чтение кода и дебажинг. Так что да, все пригодилось.
@@anthem_xlii какой город? были проблемы?
"Не бояться непонимания и двигаться вперед"- Это лучшая и мотивирующая фраза, которая звучит от Димыча. Когда я что-то не понимаю, я начинаю думать, что я полная тупень ахахах))
Спасибо за урок! Много нового узнал. Теперь по-человечески можно заходить на свой акк))))
у меня тоже такие мысли проскальзывают🙃
Когда пишем 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.
Была ошибка, не мог залогиниться! Перелопатил учебни гит репозиторий, сравнивал строчку за строчкой. Отчаялся. Отрыл debagger- пулемет! Оказалось что в полях Field
name="email" - писал с большой буквы, а в пропсах получал с маленькой. Поэтому было undefained значение!! Господа будьте внимательны в таких вещах! Всем успехов! Диме большое спасибо!
столкнулся с такой же ошибкой, но каким то чудом, быстро исправил
спасибо тебе за коммент, у меня было тоже самое, думал сойду с ума!!!!
@@YevhenRight Рад что помог! Успехов тебе!
React JS - login и logout api. Два дня пересматривал это видео и не мог найти свою ошибку. У меня при вводе данных на странице логин не происходила авторизация и редирект на страницу профиля. Оказалось, что я не внимательно написал функции login и logout в auth-reducer. В методе then работал с данными которых там нет. Вот же засада. Спасибо за такой отличный курс.
Тоже долго искал ошибку, почему же я раньше не видел этот комент?)
столкнулся с той же проблемой. Смотрел на гите проекта это кусок кода - переписал так же. Пока не работает, копаюсь дальше
Спасибо! Сделал на Formik, получилась немного другая структура компонентов, добавил форму регистрации, адаптив и стилизацию на Material UI. Пришлось погуглить. Честно говоря, не думал что получится . Спасибо Дима!!!! Reactjs ! login logout!
Теперь еще сто раз переделать чтобы запомнить !!!)
мощно что ты все это сам проделал, что хватило усердия и нашёл время)
эта песня в конце, не могу!( такая мелодичная и приятная! спасибо!
я планировал пройти этот курс за 1 месяц, но вот уже прошло два месяца и даже более, а я еще на 78 уроке. Да, я брал иногда отдых. Я переделывал проект на typescript, что не входит в рамки этого курса. Изучал Material UI библиотеку, для того чтобы все выглядело красивее. Изучал Formik, писал много чего сам.
Именно так и выглядит реальность: твои планы - это не более, чем планы. В реальности, как правило, все немного(или намного) сложнее). Так что тем, кто тоже не укладывается в сроки планируемого завершения курса - топите дальше, отдыхайте, когда это необходимо, изучайте что-то, что тоже необходимо для фронтенда на реакте. Курс вышел давно, тут, безусловно, есть база, но и акутальные вещи также необходимо уметь применять. Успехов всем!
🤝🙌🏻
если в последствии будете стилизовать, можете применить для отличного примера в проекте Material UI... дабы не особо мучиться с стилизацией компонентов в целом)))
но не забывать надо, что если ради пару кнопок и полей то не стоит. UI библиотечка весит прилично
Ребят,у кого не редиректится с реактом в17 и реакт-дом в6,вместо редирект пишем
Яке приємне відчуття, коли одразу помітила помилку і сидиш чекаєш, коли ж і автор її знайде :)) Просто і доступно про login i logout API
Отличный выпуск про login и logout в React и Redux ! Ещё совсем немного осталось до юбилейного сотого выпуска ) Уже так много проделано работы и одновременно ещё столько всего интересного нас ждёт впереди, и всё благодаря Димычу, за что ему преогромнейшая благодарность !!!
🙏👍 действительно, ребят, мелочей и нюансов ещё много!! Летим!!! 🚀🚀🚀
Димыч ,ты абсолютно прав,я не знаю как это работает ,но это работает,когда возвращаешься назад на темы которые недопонимал,теперь каким то образом стали понятными))))Магия)))
До 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);
thanks!
Очень красивая и приятная песня в конце) Спасибо большое Дмитрию! Прекрасные уроки по React - Redux! Отличная подача! Дмитрий лучший! Вперед, IT-KAMASUTRA!
3 раз пересматриваю видео и каждый раз, когда в видео приходит сообщение в телегу, думаю что это у меня....))
С каждым уроком все легче и легче, уже так иногда напрягаешься. Например прошлый выпуск напрягся, а этот весь в носу проковырялся. Спасибо Димыч за мой прогресс
и на этом уроке я поняла что придется откатиться назад)) спасибо!
🤩React JS - login и logout api
Сегодня месяц как я начал этот курс. Последние несколько серий торможу, но прогрызаюсь. Бомбим!
{ react redux js formik hok thunk hook }
Первый раз прослушал песню в конце без х1.5 ускорения ! Так Сенсей еще и петь умеет ! ))
Спасибо ! React JS - login и logout api
Отличный выпуск про login и logout в React и Redux 2023
Уфф, круто круто, сенсей, летим!! Супер уроки по React, Redux, react-thunk. Наглядно и понятно о FLUX-архитектуре SPA-приложений
в react-router-dom уже нет Redirect компоненты
вместо нее используем Navigate
август, 2022
Спасибо что напомнил))
React JS - login и logout api
Лучшие уроки по React JS & Redux !!!
The BEST!!! lessons of React & Redux!!!
Programming and Coding!!!
Just simply about information technology =)
Круто осознавать, что дошел почти до конца
респект Димычу за обучение дебаггингу! Коряво деструктурировал объект и в итоге на сервер в свойстве email отправлял email в месте с паролем. По нетворку в хроме я что-то проморгал эту ошибку в данных, но в дебаггере сразу заметил. Димыч лучший!
Блин, круто, что у меня сразу заработало, потом оказалось, что я сам сразу же убрал повторный isAuth. Приятно было. Спасибо.
мне так нравится это мелодия в конце, браво
До выпуска с формами все шло гладенько, но поскольку редакс-формы устарели, использовала Formik , и это было уже сложнее- никто не разжёвывал, как для дебилов:)) но только благодаря этим всем выпускам и многократным повторениям принципов работы удалось понять документацию и внедрить другую форму в проект, поэтому тем, кто говорит, что курс устарел - не верьте, тем более, если читать документацию реакта, то там очевидно, что многие вещи, например классы и hoc спокойно планируются пока поддерживаться.
Подскажи, пожалуйста, а контейнерную компоненту на Формике получилось сделать ?
@@СтепанЦуканов-т9ы смотря зачем она там нужна, формик - это просто обертка, куда ты передаёшь определенные, указанные в документации пропсы, она никак не мешает создать любую компоненту. Но для неё не нужен редакс, все значения не нужно сохранять в сторе, так как они все хранятся в локальном стейте «под капотом» формика. Так что там скорее всего контейнерная не нужна
А я все делала по урокам так как считаю что для понимания нужно пройти, тем более что я только учусь и самой с Formik мне трудно
@@O_Shpak не бойся экспериментировать. Потом тебе так же будет сложно внедрять новые технологии, но ещё и страшно, если сейчас этого не сделаешь. Я прочёл коммент о том, что react-form устарела, и пошёл искать инфу. Перешёл за пару дней на react-hook-form. Код стал чище, короче и удобнее, а как следствие - его проще писать и читать.
Димасик, верим и ждем выпуски!))
Продолжаю изучение - 20-ый день - 78/100
Димыч, спасибо за труд!
20? ты практикуешься?
@@ДенисКускильдинКонечно. Просто весь день уделяю процессу
@@RedSkyWan если это действительно так, то ты молодец. Я уже почти все тоже прошёл. Осталось пару видео и заново повторить, а дальше резюме и все такое
@@RedSkyWan опиши, если несложно твой путь, если устроишься на работу
Спасибо за уроки
Какое же крутое ощущение, дошла до логинизации! Спасибо тебе,Димыч! Верю в себя и во всех,кто дошел,всем уверенности в себе и удачи!! Лучшие уроки ReactJs login и logout api
Сразу заметил что расширение стало лучше, иконки стали меньше. Поздравляю с новым ноутом. Хотя уже почти год прошёл после покупки ))
Спасибо за очередной взрывной урок, доходчиво и понятно до безобразия!)
Спасибо, очень классный ролик!
Очень жду когда до меня дойдет озарение как это все юзать без Димыча, а когда дойдет моя благодарность незамедлительно капнет на карту Димычу в твердой валюте) Чувак реально проделал огромную работу
Я час потратил на поиск ошибки, которую допустил в одном из уроков. Это был увлекательный опыт. Рассказываю:
Где-то на середине урока, когда Дима пошел проверять авторизацию через форму логин, у меня приложение падало в ошибку "Render is not a function". Сколько я дебаггеров поставил, сколько я брейкпоинтов воткнул в код, но ошибка не хотела решаться.
Нервы были на пределе, интернет смотреть не хотел, гораздо больше опыта приобретаешь в те моменты, когда такие ошибки доводят тебя до белого каления. И как же становится приятно, когда наконец-то находишь решение... =)
Решение:
В файле App.js, где мы через роуты указываем path='/login' в параметр render, я не передал коллбэк с компонентой Login - render={() => }
А передал напрямую компоненту Login - render={Login}
Дима, спасибо!
Именно с твоими уроками начинаешь думать и решать задачи, как программист)
Успехов тебе во всех проектах
Вот поэтому для себя, чтобы не запутаться, я эти сокращения типа Login в коннекте сделал как loginTC: loginThunkCreator
Благодарю!!
(login и logout api)
Спасибо. Со скрипом но двигаемся дальше. Понимание есть но запомнить как это делать самому пока для меня нереально, но буду идти дальше!
Трудный путь осилит только идущий !
Че за магия ? С каждым уроком удивляюсь все больше) Спасибо Димыч ))
React JS - login и logout api
Спасибо!
Для UI и контроля форм использовал связку ReactBootstrup & react-hook-form, код получился короче и мне показалось легче использовать такую связку. Это первый урок где делал не так как в уроке, но блин оно стоит того потратить несколько часов, зато сейчас могу создать любую форму с красивым интерфейсом. Кстати, react-hook-form испльзует локальный скрытый от глаз state и поэтому ничего пробрасывать не надо в redux store -> код короче)
Даа, тоже парился про данные, но в итоге понял что не нужно волноваться
От поры до времени возвращаюсь к предыдущим урокам. Вспомнил, что есть ещё капча и решил её вывести. С первого раза, конечно, по невнимательности ничего не получилось (чтение документации). А на второй раз за 20 минут сделал её и понял принцип работы. Спасибо, Димыч!!!
Уго, супер! Молодец! Новый выпуск будет об этом)
login и logout в redux-form, спасибо за информацию!)
Когда писал по твоей аналогии но немного подругому , как же я волновался что бы я залогиниться, но когда залогигился счастью нет предела )))) Димы огромное спасибо за твой труд , надеюсь в будущем смогу тебя отблагодарить
Самый лучший курс по React JS. Login Logout API Redux
Спасибо!
React JS - login и logout api.
Сделал это еще два видео назад. Теперь можно расслабиться и просто посмотреть)
Спасибо за видео. 40 минут видео часа 3 обрабатывал ))
Всё работает, летим дальше 🚀
React Login, Logout, Axios, request, response, Thunk, mapStateToProps
охх... пашем пашем) и заветная соточка уже близко! спасибо
Спасибо Сансей, летим. Март 2023
Урок 78. Пишу свой белорусский социально-экологический проект. Комент как благодарность (:
Оооо! Эта песня в конце)
Она же вроде в начале курса была
Я даже помню как она у меня потом в голове застряла))
spasibo za urok - 78 - React JS - login и logout api
react js redux крутой курс!
Ещё остановочку проехали, едем дальше!
прикольно, когда доходишь до моментов которые ранее сделал сам))) Посоны, не бойтесь щупать проект самостоятельно и пытаться что-то допиливать)
Всем удачи! Всем мира!
Просто коммент в поддержку Димыча. Будем бомбить дальше!!
Шикарнейший курс!!!!!!!
Это лучший из лучших контентов во всем Интернет-пространстве по REACT !
Спасибо Димыч, ты отичный программер, преподаватель и мотиватор !
P.S. Проблему с загрузкой Profil-а на первом rendere можно решить, используя старый-добрый setTimout внутри componentDidMount в ProfileContainer. Т.о. при задержке всего в 100 мл.с ответ с нашим id с запроса me... будет успевать приходить...
Круто! Всё работает! 🔥 реакт редакс react redux Login log out
я на 2 недели завис с этим формиком)) завтра сабмит сделаю
@@СтепанЦуканов-т9ы да я тоже на формике висел немного 😁
Летим дальше! Спасибо, Димыч! пс. React JS, login, logout api
Отличный урок! React, Redux, Redux-form! Знать будем круто!
Спасибо, Димыч! Отличный выпуск
Дима, спасибо))
#login #react #пример
react js redux крутой курс!
login logout api летим дальше))
Спасибо Димыч! Было познавательно - лечу дальше!
React JS - лучший курс!
Все Это меня несказанно радует, прям очень React JS - login и logout api))))
СПАИБО ДИМЫЧ!!! СПАСИБО ЗА СЛОВА ПОДДЕРЖКИ, С ТОБОЙ ИНТЕРЕСНО И ПОЗНАВАТЕЛЬНО!!! REACT REDUX API
Летим !
Очень инетересный урок,большое спасибо ! login и logout api
14к просмотров и 0 дизлайков на видосе про login и logout, определенно победа Димыча, отличный курс)
Отличный выпуск о React JS - login и logout api. Отличный курс!
Спасибо. Бомбим дальше ©
Отличный урок, спасибо! Ты самый лучший в youtube, для тех кто действительно хочет научиться писать на React JS и у кого нет средств или времени на курсы где-то в каком-то офисе, а с твоими уроками можно в домашних условиях учиться)LIKE!)
Отличный выпуск про login и logout в React JS. Это однозначно лучший бесплатный курс по реакту. Дима, большое спасибо!
2022. Спасибо большое! Очень долго ждал login и logout
😍👍доступные курсы по реакт react samurai
Решил вывод ошибки Invalid login or password таким образом:
Для начала в нашей санке указал, если код ошибки 1, то нужно диспатчить экшн который будет заносить текст ошибки в наш в error в state, после чего выносим этот error через connect в loginForm и указываем для {props.error}.
При этом при клике на кнопку login каждый раз error в state будет зачищаться. Все работает, может это костыль или гавнокод, но работает ведь))))))))
Еще прикол с капчей, указал, при коде ошибки 10 надо делать запрос на капчу и выводить в нужном месте + инпут через field, чтобы в последствии введенный текст каптчи отправлять вместе с post запросом. Все супер, каптча отображается, post уходит, вход совершается) Димыч, огромное тебе спасибо)
С каждым выпуском загрузка мозга обеспечена) Пересматривать что-то в любом случае нужно, хотя меня совсем новичком в программировании не назовёшь.
Спасибо Вам за ваш труд!
Песня очень крутая аж до мурашек ! Спасибо шурую дальше )
Очень интересно тебя смотреть и не менее интересно делать когда все понял в уроке 🚀
React JS login logout api - ありがとうございました。
get - это когда мы берем данные с сервера , post - это когда мы изменяем данные на сервере (вносим изменения)
Спасибо Димыч, я ещё не сдался!
Ух и намучался с этим. Целый день потратил. Спаибо Димыч за видос :)
держись мужик) не ты один такой)
тоже ушел день, а если быть точным 7 часов как в сухую почву
Outstanding video!!! Thx, Dimych!!! React, react-redux and 'thunk' are explained better than in facebook docs!
Сегодня 05.12.21 продолжаю учиться. Урок классный !!!Сколько у вас терпения Дмитрий, столько уроков сделать!
Да нашёл требуются лиди@@KanalReal
23:10 - Логинизация не получилась, потому что я в нашем написанном api обрезал response, а в коде, который я слямзил у Димыча, response не обрезается.
И одновременно починилось добавление постов в предыдущем выпуске.
Спасибо!
Очень интересно!
Спасибо, Димыч! React js
React JS - login и logout api ))
Пушка-гонка!!! Димыч, спасибо огромное, чую трудоустройство уже близко!)
Летим-летим!))
Спасибо огромное! благодаря прошлым выпускам (точнее пониманию) почти не переписываю твой код, тк и так понятно, что и куда нужно написать, главное уловить цель всех написаний и последовательно все отобразить(не в UI, а в виде кода). React Redux Login Logout
увидел Димыча - поставил лайк!)
Димыч, 26:25 ) Красава
Большое реактивное спасибо, Димыч! React JS login logout