Продублирую !!! Внимание в React Router Dom V6 нет Redirect, вместо его ; ! Большое спасибо тем кто пишет в коменты апдейты библиотек и фитч ) И have a good hacking =)
в 2022 году вместо используем Автоимпорт почему-то не сработал (скорей всего сейчас нужно использовать какие-то хуки... предполагаю), так что, чтобы работало проимпортируйте функцию import { Navigate } from "react-router-dom";
Очередной заслуженный лайк, Дима) П.с.: 1. Дублирование кода - самый главный грех) За это могут оторвать руки и дублирования больше не будет; 2. Кругозор реакта расширен новым понятием Редирект, который в последних версиях заменен на Навигейт с аналогичным функционалом; 3. Считываем из стейта факт нашей логинизации (isAuth) и кидаем пользователя на страничку-заглушки если он не залогинен. Если залогинен, то милости просим; 4. Сокращаем код и не используем оператор сравнения, а используем булевое значение !props.isAuth; 5. Все, урок залетел на изи)
2022. Спасибо большое, Димыч! И спасибо большое всем, кто в комментариях пишет изменения. Уже как привычка, при просмотре заставки быстро просмотреть первые комменты, чтобы заранее знать: поменялось что-то или нет
Быстрый отчет по уроку. Веденно новое понятие Redirect - тег позволяющий перенаправить пользователя по другой ссылке, указанной в атрибуте to= ' '. На 2023 год Redirect заменили на Navigate. (первоначальное мнение - функционал тотже) Принцип прозрачен как стекло: 1) прокидываем параметр isAuth из state в нужную копоненту через props 2) проверяем параметр isAuth на true/false 3) по результату - переносим пользователя по ссылке Navigate или отображаем нужную компоненту.
Димыч, искринне, ты красава! Мне так нравиться твои уроки смотреть.Я не могу передать словами.Приятель ты лучший. Мне настолько интересно, что я смотрю каждый урок как серию из сериала . И с нетерпением смотрю что же дальше. Искринне желаю тебе успехов. И спасибо за классные упоки.
Меня поражает насколько ты это всё понимаешь. Сколько информации в голове умещается. Надеюсь, что когда-нибудь у меня тоже будет такой уровень программистской осознанности (
Начал смотреть курс с первого урока по React. Подписчиков было 6.3 тыс, пару недель наблюдаю, как растет подписка на канал, а уже самураев 9.3 тыс) Спасибо Дим
в вебсторме обратите внимание если будет ругаться на импорт, когда создается тег Редирект и затем импортируете его, вебсторм по крайней мере у меня импортирует так =>>>> import Redirect from "react-router-dom"; а надо так: import {Redirect} from "react-router-dom";
Очень крутой урок по React Redirect! Особенно хорошо, что это лучший курс по реакту. Не знаю, где еще можно было бы найти такой крутой бесплатный курс по React, где происходит изучение JavaScript
Как приятно, что тема изичная и не выносит мозгу), но проблема в том, что если перезагрузить страницу, когда авторизован, то условие редиректа срабатывает быстрее, чем поступление информация об авторизации поступает в стейт, из-за этого возникает такое поведение, пока писал это сообщение, понял, что самый простой дебаг этого, поставить в редюсеры в первоначальном обьекте свойству isAuth = тру по умолчанию)
Благодарю за прекрасные уроки. Есть предлоржение: в функционнальных компнентах не писать имя функции, а сразу экспортировать: export default props => { return Login }
Димыч так интригует в конце на наовый выпуск,что я просто безумно рад,тому что все выпуски уже на канале,и мне не надо как самураям из прошлого ждать,а можно просто нажать на плей и насладится знаниями))))
Если бы после написания hoc на экране было бы просто молчание и видео просто закончилось,то было ещё более интригующе)) Simple explanation about Redirect+
Курс топовый !!!! Много узнаю… но всё равно главное самому ещё много делать! Я тут решал от тех знаний что дал Димыч сделать счётчик на react-redux и что вы думаете? Я сделал ! Хотя 2 месяца назад вообще дуплей не резал 😅 а смотреть как делает кто-то и повторять тоже не охота. Спасибо тебе Димыч !!! Были бы бабки пошёл бы к тебе в инкубатор , но могу только покупать API подписку ) я уверен, что благодаря тебе и моему упорству и лазанью в инете , я скоро устроюсь на работу и буду получать пилюлей там 😂😂😅
мои комментарии прервались) но я не забросил программирование, сенсей. Просто выпала возможность попасть на обучение в две компании. Одна по реакту, другая по ноде. Если там не выгорит, то снова вернусь к этому курсу
Код из видео повторил легко - разжевывание очень помогло. Компоненты высшего порядка погуглил и почитал официальную документацию, пока не понимаю как самому сделать логин-редирект. Уверен что в следующей лекции Димыч объяснит все как надо про эти High Order Component in React, хотя это не является стандартным API React
Redirect тема очень простая, и очень хорошо демонстрирует главный грех программирования - дублирование кода. ДАже не хотел сразу писать, но потом решил понажимать кнопочки.
Урок - топчик, как всегда. Если открыть сразу страницу с диалогами или профилем, то происходит редирект даже если залогинен. То есть сначала нужно запустить getAuthUserData, а уже потом проверять, авторизован ли пользователь.
Продублирую !!! Внимание в React Router Dom V6 нет Redirect, вместо его ; !
Большое спасибо тем кто пишет в коменты апдейты библиотек и фитч ) И have a good hacking =)
спасибо!!!
спасибо
Спасибо, бро!
мне кажется лучше установить дом как у Димыча и все будет работать.
Большое спасибо)
в 2022 году вместо используем
Автоимпорт почему-то не сработал (скорей всего сейчас нужно использовать какие-то хуки... предполагаю), так что, чтобы работало проимпортируйте функцию
import { Navigate } from "react-router-dom";
спасибо)
спасибо, сразу полез в комментарии, т.к догадывался что редирект уже не используется
Спасибо, выручил)
ай красава.
Спасибо, бро :-)
С каждым выпуском обстановка в квартире все интимнее))
Жду серию из туалета (отсылка к прошлому видео) :D
Где заходит Его Мать - и спрашивает - что это ты тут делаешь?!?! Да Я ж просто танцую! 👌🤣🤣🤣
@@orangedragonthebestraper дебажу
Всем привет у кого не работает просто замените его на в 6 версии react-router-dom был удален
спаасибо что продолжаешь, мы верим в 200 видео )
Димыч просто хочет показать нам всю свою квартиру )) каждый раз в новой комнате
обзор хаты)
май 2022. Для перенаправления пользователя используем хуки в функциональных компонентах:
import {useNavigate} from 'react-router-dom'
import React, {useEffect} from 'react';
let navigate = useNavigate()
useEffect(()=>{
if(props.isAuth === false){
return navigate("../login")
}
}, [props.isAuth])
Спасибо, полезно)
А что за второй параметр?
@@MaksTrueman массив зависимостей
Очередной заслуженный лайк, Дима)
П.с.:
1. Дублирование кода - самый главный грех) За это могут оторвать руки и дублирования больше не будет;
2. Кругозор реакта расширен новым понятием Редирект, который в последних версиях заменен на Навигейт с аналогичным функционалом;
3. Считываем из стейта факт нашей логинизации (isAuth) и кидаем пользователя на страничку-заглушки если он не залогинен. Если залогинен, то милости просим;
4. Сокращаем код и не используем оператор сравнения, а используем булевое значение !props.isAuth;
5. Все, урок залетел на изи)
Привет. Затупил на этом уроке, выложи, пожалуйста, свой код из ProfileContainer.
2022. Спасибо большое, Димыч!
И спасибо большое всем, кто в комментариях пишет изменения. Уже как привычка, при просмотре заставки быстро просмотреть первые комменты, чтобы заранее знать: поменялось что-то или нет
Быстрый отчет по уроку. Веденно новое понятие Redirect - тег позволяющий перенаправить пользователя по другой ссылке, указанной в атрибуте to= ' '. На 2023 год Redirect заменили на Navigate. (первоначальное мнение - функционал тотже)
Принцип прозрачен как стекло:
1) прокидываем параметр isAuth из state в нужную копоненту через props
2) проверяем параметр isAuth на true/false
3) по результату - переносим пользователя по ссылке Navigate или отображаем нужную компоненту.
Привет. Затупил на этом уроке, выложи, пожалуйста, свой код из ProfileContainer.
@@MikhailKuklenkov прости, не могу, спустя 60+ уроков файл претерпел изменения потому не уверен что там есть то что тебе нужно
rsc - автосоздание функциональной компоненты
rcc - классовой.
Урок, как всегда, пушка-ракета
Спасибо)
Димыч, искринне, ты красава!
Мне так нравиться твои уроки смотреть.Я не могу передать словами.Приятель ты лучший.
Мне настолько интересно, что я смотрю каждый урок как серию из сериала .
И с нетерпением смотрю что же дальше.
Искринне желаю тебе успехов.
И спасибо за классные упоки.
Спасибо, Сергей! Приятно такое читать ! Мотивирует! Летим!
@@ITKAMASUTRA уже 122к, конкурентов все больше)
@@ITKAMASUTRA Был Сергей, видимо, а стал Владислав. Вот же время летит...
Меня поражает насколько ты это всё понимаешь. Сколько информации в голове умещается.
Надеюсь, что когда-нибудь у меня тоже будет такой уровень программистской осознанности (
После предыдущего урока прям бальзам на душу
----> 2023
Начал смотреть курс с первого урока по React. Подписчиков было 6.3 тыс, пару недель наблюдаю, как растет подписка на канал, а уже самураев 9.3 тыс)
Спасибо Дим
А 01.01.2021 107тыщ самураев уже
@@pavelmirski9106 уже 128к )
02.12.2021 - 147тис.
24.01.2023 - 176тис.
01.03.2024 - 181 тыс.
Очень крутой урок по React Redirect! Особенно хорошо, что проговорен повторно ранее написанный код
в вебсторме обратите внимание если будет ругаться на импорт, когда создается тег Редирект и затем импортируете его, вебсторм по крайней мере у меня импортирует так =>>>> import Redirect from "react-router-dom";
а надо так: import {Redirect} from "react-router-dom";
слишком легко. Пойду еще разок проедусь на санках :D
Смотрю и конспектирую - 25 апреля 2021 года!
Легенький урок! После thunkов самое то. Redirect, Navigate
API, JS, TS,ajax
State, Store, Dispatch ,Connect, Action, Route
Provider, Reducer, mapStateToProps
mapDispatchToProps, {...state}, Props React
Redux ,withRouter
redux-thunk
Redirect
Практика, cookie,login
follow-unfollow api
redux-thunk
JavaScript
курс React
DAL, axios.create
Веб разработка
разметка
best of the best!!!
Спасибо за урок :)
Очень крутой урок по React Redirect! Особенно хорошо, что это лучший курс по реакту. Не знаю, где еще можно было бы найти такой крутой бесплатный курс по React, где происходит изучение JavaScript
Т.Е. по факту Redirect это как NavLink - только не на нажатие, а на условие...React - Redux рулит)
Как приятно, что тема изичная и не выносит мозгу), но проблема в том, что если перезагрузить страницу, когда авторизован, то условие редиректа срабатывает быстрее, чем поступление информация об авторизации поступает в стейт, из-за этого возникает такое поведение, пока писал это сообщение, понял, что самый простой дебаг этого, поставить в редюсеры в первоначальном обьекте свойству isAuth = тру по умолчанию)
Redirect в рамках отличнейшего курса по React Js.
Всё понятно, лаконично.
Бомбим дальше ©
З Redirect все ясно і зрозуміло, пішла читати про HOC. Вперед Самураї! ))
🚀✊ летим
Благодарю за прекрасные уроки. Есть предлоржение: в функционнальных компнентах не писать имя функции, а сразу экспортировать: export default props => { return Login }
С default так вроде не прокатит! Или проверяли? Не за компом сейчас... проверьте и отпишитесь, плиз, кто-нибудь 🙏
@@ITKAMASUTRA У меня работает... И тут нельзя случайно ошибиться в имени при экспорте
Круто! 2021 сделал через Navigate, Спасибо идем дальше!
Димыч так интригует в конце на наовый выпуск,что я просто безумно рад,тому что все выпуски уже на канале,и мне не надо как самураям из прошлого ждать,а можно просто нажать на плей и насладится знаниями))))
Тема следующего урока 👃))
Спасибо за такие уроки! React JS - Redirect. Лучший курс по React Redux UI BLL BLL DAL thunk redirect
redirect полезная инфа, как обычно.
Дублирование кода - самый большой грех, точняк! Redirect - круто! Спасибо!
Большое реактивное спасибо, Димыч! Redirect
спасибо за урок, Дмитрий! летим на повтор и дальше!
Даже в марвел не было таких эпичных кликфенгеров о мультивселенных, как в этом выпуске. (долгожданные Хуки)
Лучшее объяснение React JS - Redirect
Отлично. Потихоньку продвигаюсь к концу.
Смотрю Redirect когда в Питере жара-жесть и тоже вялый)
Заинтриговал ! Супер, спасибо Димыч! Redirect React JS
React JS - Redirect
Спасибо, Димыч!
Смотрю, учусь!
Спасибо Димычь за крутой урок. Узнал что такое Redirect, продолжаем изучать React, Redux
Полезно, интерсная подача про react HOC
Мега круть!!! Прям чувствуешь себя уверенней(умнее) после такого))
подводка к HOC на последней минуте, прям как в голливудском фильме)))
Если бы после написания hoc на экране было бы просто молчание и видео просто закончилось,то было ещё более интригующе))
Simple explanation about Redirect+
Спасибо!
P.S. Список ключевых слов: React, Redux, лучшие супер курсы, бесплатно, Redirect, редирект
Концовка многих уроков, не хуже интригующих концовок серий эпичных сериалов)) Очень крутая подача, так держать! Redirect, React, react router dom
Спасибо за твой курс, Димыч! React Redirect курсы
Всё круто, спасибо тебе!
Бомбим дальше!
Нагуглил Redirect уже раньше, т.к. нужен был, но все равно полезно повторить. Жду с нетерпением HOC!!!
Лучшие уроки React JS - Redirect! Спасибо огромное!
прикольная тема спасибо Redirect рулит=))
Спасибо большое, Дмитрий, за ваше рвение и огромный труд! Вы настоящий самурай! Прекрасный курс по React - Redux!
заинтриговал и заставил улыбнуться, смотрю уроки и читаю доку. Спасибо)
Спасибо за уроки
Курс топовый !!!! Много узнаю… но всё равно главное самому ещё много делать!
Я тут решал от тех знаний что дал Димыч сделать счётчик на react-redux и что вы думаете? Я сделал ! Хотя 2 месяца назад вообще дуплей не резал 😅 а смотреть как делает кто-то и повторять тоже не охота.
Спасибо тебе Димыч !!! Были бы бабки пошёл бы к тебе в инкубатор , но могу только покупать API подписку ) я уверен, что благодаря тебе и моему упорству и лазанью в инете , я скоро устроюсь на работу и буду получать пилюлей там 😂😂😅
Спаибо, полезно, интересно! Иду в следующий урок!
Redirect, будем use in React!! Спасибо
Спасибо за урок, все понятно, двигаемся дальше
мои комментарии прервались) но я не забросил программирование, сенсей. Просто выпала возможность попасть на обучение в две компании. Одна по реакту, другая по ноде. Если там не выгорит, то снова вернусь к этому курсу
Стажировка или как? Изучал только реакт?
@@prosto_isu я не знаю, можно ли это назвать стажкой. Обучают вощем себе будущих сотрудников. Я до реакта изучал го
Послушал Димыча и сам реализовал HOC withAuthRedirect) Так приятно)
круто)
просто и со вкусом)
спасибо огромное за курс, очень много объясняешь и люди начинают понимать шде это использовать)
Дмитрий, обожаю твои рисовашки!)
hoc, redirect, navigate, react, redux
удобная штука Redirect ))
spasibo za urok - React JS - Redirect
Дублируешь код??? -Оторвать тебе руки!)
Спасибо! Было интересно - полетел дальше!
React JS Redirect!
Спасибо за видео! React JS. Все очень, впрочем как и всегда, доступно. Redirect
Плюсик для лучшего ранжирования! =)
React JS Redirect! Спасибо!
Круто, коротко и ясно) спасибо) React, Redux, Redirect
Благодарю Димыч, как всегда лучший!
Димыч, миллион лайков тебе!
Спасибо за урок по React Redirect
Концовка убила) Димыч красава!
Спасибо большое за уроки! Очень ценим это и ждём побольше уроков! #Redux #React #ReactJS #JavaScript #HightOrderComponent #Redirect
Огромное спасибо автору за труды!
🚀летим! Крутой курс Реакт редакс
Огромнейшее спасибо за урок!!
Лучший курс !!! Спасибо вам
Концовка достойна оскара )))))
спасибо за видео. конечно было полезно. я прошел 68 видео, ни одно еще не оказалось бесоплезным
интрига как в кино, спасибо, жду HOC react-redux!
Спасибо комментариям! 2022! См. комментарий Павел Шешко "вместо используем " Иду дальше!
Код из видео повторил легко - разжевывание очень помогло. Компоненты высшего порядка погуглил и почитал официальную документацию, пока не понимаю как самому сделать логин-редирект. Уверен что в следующей лекции Димыч объяснит все как надо про эти High Order Component in React, хотя это не является стандартным API React
Redirect тема очень простая, и очень хорошо демонстрирует главный грех программирования - дублирование кода. ДАже не хотел сразу писать, но потом решил понажимать кнопочки.
Redirect react-router-dom полет нормальный
Урок - топчик, как всегда. Если открыть сразу страницу с диалогами или профилем, то происходит редирект даже если залогинен. То есть сначала нужно запустить getAuthUserData, а уже потом проверять, авторизован ли пользователь.
Спасибо огромное за твой труд! Смотрю дальше!
Очень полезная инфа по redirect react
Круто
React Redirect Димыч как всегда все доступно рассказал!)
летим дальше! redirect
Димыч, низкий поклон как всегда. Ты просто огонь.
Redirect в ReactJS Спасибо за курс!
Заинтриговал выше не куда!
Димыч, спасибо за урок!!! #redirect #reactjs #практика
Спасибо за урок!
Привет. Затупил на этом уроке, выложи, пожалуйста, свой код из ProfileContainer.