Миша!!! Спасибо тебе огромное!!! Дай бог тебе здоровья!! Ты меня прям спас!!! Застрял ни как не мог разобраться, после просмотра всё стало понятно. Аж прослезился, когда дошло. Благодарю!!!
Очень вовремя ! Спасибо! Сейчас изучаю эту версию, а в документации 'черт ногу сломит', а здесь все понятно и лаконично! Однозначно лайк! Буду поддерживать ваш канал!
Насколько же мозный ролик в серии про роутинг,я всегда парился с получанием с сервера и отрисовкой по map а тут так можно,я в шоке автор спасибо,вы спасли следующий прод!!!
Здравствуйте Михаил! Спасибо огромное за ролик. Нашел ответ которую долго искал. В ролике все сказано коротка и четка. Буду ждать еще ролики про React Redux. Основная логика и пару примеры!!!
Спасибо за инфу, очень понятно объясняете. Сделайте пожалуйста разбор как вы создаете новый пост. Editpost разобрали, а добавление нет. Либо сообщите если вы уже делали подобный разбор. Еще раз спасибо за уроки, подача без воды, но с подробными примерами, то что надо. Плюс хорошая дикция, что не может не радовать. А еще "слэшик" ))
В этом же плейлисте есть видео по обновленной версии роутинга - 6.4. Их три и среди них было видео по добавлению сущностей, если правильно помню. В принципе, это может быть просто роут, на любой адрес. А логика по работе с сервером может быть описана десятком разных способов. С точки зрения роутинга, создание проще, чем редактирование. /posts/create /posts/:postId/edit
Михаил, у вас отлично получается донести информацию! И приятный тембр голоса, что важно! Подписался! Скажите, это у вас цветовая схема готовая или кастомно настраивали? Очень понравилось сочетание цветов! И подскажите, пожалуйста, как называется шрифт, который вы используте?
Ролик в самый раз! Пожелание по следующим выпускам. В дополнение к reacr-router-dom v5 и redux есть ряд библиотек, облегчающих взаимодействие между ними (например connected-react-router). А есть ли нечто подобное для reacr-router-dom v6 и redux-tools? Было бы здорово осветить эту тему. Пытаюсь у себя в проекте наладить такое взаимодействие, но остаётся ощущение, что либо изобретаю велосипед, либо создаю ненужные костыли.
Плюс к предыдущему сообщению, я не могу обернуть мои ссылки в Route, тк возникает ошибка ([Layout] is not a component. All component children of must be a or ) и я могу пока только под BrowserRouter прописать мои ссылки по причине этой самой ошибки. Не подскажите, как можно исправить это, пожалуйста
Михаил, здравствуйте. Подскажите пожалуйста, если можно. Я делаю проект и первая страница у меня это (без шапки сайта, как у вас) список новостей, а вторая страница - это как раз, как у вас, когда мы кликаем на каждую новость и переходим по ней (в ее описание) . У меня как раз этот момент не отрабатывает как надо, так как когда я кликаю по новости у меня сам список новостей никуда не девается, а само описание новости (вторая страница) просто рендерится под списком новостей. Что я мог сделать не так? Я тут уже все передумал
Спасибо! Очень приятно смотреть и слушать. Прекрассный рассказчик, понятное объснение. Разрешите вопрос: при переходе на "posts/new", "posts/:id" и т.д. ссылка "Blog" в заголовке теряет стиль "активности", но по логике - должна бы оставаться активной (я же не перешел в Home или About). Как этого добиться? Менять порядок вызова хука useMatch в компоненте CutomLInk (из предыдущего видео)? Спасибо)
Здравствуйте. Да, всё верно. CustomLink надо слегка доработать. Как именно - в последнем видео цикла, либо на гитхабе =) Рад, что вам нравятся мои видео.
Здравствуйте, у меня вопрос, я делаю макет сайта и там есть страница с описанием товара(картинки, текст и тд), но текст у меня отображается как надо, а вот картинки с базы данных грузятся только, если вставить ссылку, а не путь к изображению, и причем абсолютно любое изображение, которое я вставляю на страницу тоже не грузится, попробовал на других страницах, в которых я не получаю id и там все хорошо работает, в чем может быть проблема, кто такое решал?
Самописные =) У меня есть расширения со сниппетами React 17, но я не помню что конкретно использовалось в этом видео. Сейчас я в основном собственными сниппетами пользуюсь.
Есть хуки самой библиотеки Реакт, есть хуки у вспомогательных библиотек (в данном случае роутинга). С выходом новых версий api частно претерпевает изменения, добавляются новые хуки, а старые иногда исчезают.
Интересно, а такая логика подойдет для создания бесед чата? Например есть массив бесед, который выводится на экран пользователя, а когда он на нее нажимает, открывается уже сам чат со своим сокет соединением и своими участниками
Михаил, в чем может быть проблема, если сделал все правильно, а ссылка выводимого урла страницы такая href="/posts/${post.id}", то есть - не отрабатывается. при этом отдельно id и другие данные на странице со списком выводятся. Куда копать?)
Мало информации чтобы разобраться. Если речь про компонент Link, то вместо атрибута href надо использовать to. А вместо двойных кавычек косые, чтобы шаблонные строки работали.
Добрый день! Подскажите, все сделал как в видео, но когда добавляю SinglePage в верстку и дописываю какое-то значение после posts - да, верстка с SinglePage отображается, но пропадает вся шапка. В чем может быть проблема?
@@mishanep Я разобрался. Были подключены стили в index.html, в этом была проблема. Когда подключил в index.jsx, все стало работать как в уроке. Спасибо за отличное объяснение!
А как быть если в моем компоненте наследование класса от Component и есть state. useParams с Component не дружит в componentdidmount. Как правильно поступить? Переписывать компонент без наследования и что делать со state? Я новичок помогите люди умные)
Здравствуйте. Redux и Typescript были записаны только в прошлом году. По JS - курс вряд ли устареет, так как основы языка не изменятся. Реакт у меня по 17й версии, на которой сегодня работает большинство проектов. В инструментах разработчика возможно Vs code несколько обновился, в остальном должно быть актуально.
Один из самых толковых каналов, объясняющих что-то про реакт на русском! Определенно продолжай.
как успехи
@@ДанилДмитриев-я5м устроился на позицию джуна в прошлом июне, в этом январе прошел интервью на мид-левел, поэтому успехи хорошие!
@@Ivanesenses круто! мои поздравления
На такие видео прям хочется остановить видео, поставить лайк и вернуться к просмотру.
Большое спасибо, Михаил! Все очень понятно и доступно!
1000 000 благодарностей!! четко, понятно! и как раз то, что искала! огромное спасибо за канал!
Миша!!! Спасибо тебе огромное!!! Дай бог тебе здоровья!! Ты меня прям спас!!! Застрял ни как не мог разобраться, после просмотра всё стало понятно. Аж прослезился, когда дошло. Благодарю!!!
Очень вовремя ! Спасибо! Сейчас изучаю эту версию, а в документации 'черт ногу сломит', а здесь все понятно и лаконично! Однозначно лайк! Буду поддерживать ваш канал!
все там нормально в документации с v4 сразу на v6 переводил.
@@aleksprimetv congratulations 🎉🍾🎈
Насколько же мозный ролик в серии про роутинг,я всегда парился с получанием с сервера и отрисовкой по map а тут так можно,я в шоке автор спасибо,вы спасли следующий прод!!!
А автор, то хорош! Спасибо!
Просмотрами обделен канал.
Сильно лучше чем какие то Минины.
Ваш канал - легенда русского программирования на Ютубе. Очень классные видео!
Спасибо =)
Спасибо! Очень полезный и познавательный ролик! Намного доступнее для понимания, чем в документации ^^
Михаил, спасибо за ваш труд! Очень доступно объясняете материал!
10:36 На этот случай можно добавить ещё один роут с редиректом на new, потому что new/edit скорее всего означает, что пользователь хотел именно туда:
Как же просто и круто объяснено, благодарю
Ура! очень ждал =)) Спасибо!
Михаил спасибо за такие подробные разборы!
Как то на одном дыхании смотрится все. Лайк
Очень понравился урок, хорошие примеры, всё четко и понятно. Спасибо!
Лучшиий) спасибо за информативность и подачу
Вы очень здорово объясняете, спасибо 🙏
Спасибо вам за ваши полезные видео по react!
Миша!!! Я как выучусь( по твоим роликам в том числе) и буду стабильно зарабатывать. С меня огромный донат.
Михаил, спасибо большое за ваш труд
Ох, реально, какие золотые самородки у нас есть, какое везение попасть на этот канал) У меня в группе все ваши видосы рекомендуют ⭐
Здравствуйте Михаил! Спасибо огромное за ролик. Нашел ответ которую долго искал. В ролике все сказано коротка и четка. Буду ждать еще ролики про React Redux. Основная логика и пару примеры!!!
Здравствуйте. На канале есть 3 видео по React redux, в формате redux toolkit
Как всегда, на высшем уровне.
Гспд, Реакт - это просто божий дар, манна небесная! Простое приложение пишется за часы даже нубом, и при этом не хочется повеситься ни на каком этапе!
Замечательно разъяснено ! спасибо
Расскажите пожалуйста про Protected Route в v6, как можно настроить защищенный маршрут, например личного кабинета/профиля
Спасибо! Вроде разобрался! А что не понял, вернусь пересмотрю!
Спасибо за видео, помогло решить задачу ;)
Очень ясно и понятно. Спасибо!
спасибо:)
приятно смотреть, отличная подача
спасибо) так внятно и детально))
Спасибо большое это видео очень помог мне в работе
Спасибо, интересно и понятно
очень крутой контент, посоветую друзьям!
Отлично объясняешь, лайк
спасибо большое за ваш труд
огромное спасибо за ролик)
спасибо большое за материал.
очень хорошо объяснил. 👌
Спасибо за инфу, очень понятно объясняете. Сделайте пожалуйста разбор как вы создаете новый пост. Editpost разобрали, а добавление нет. Либо сообщите если вы уже делали подобный разбор. Еще раз спасибо за уроки, подача без воды, но с подробными примерами, то что надо. Плюс хорошая дикция, что не может не радовать.
А еще "слэшик" ))
В этом же плейлисте есть видео по обновленной версии роутинга - 6.4. Их три и среди них было видео по добавлению сущностей, если правильно помню.
В принципе, это может быть просто роут, на любой адрес. А логика по работе с сервером может быть описана десятком разных способов. С точки зрения роутинга, создание проще, чем редактирование.
/posts/create
/posts/:postId/edit
Спасибо! очень полезное видео
шикарно !
Огонь 🔥
огромное спасибо вам
Миша, продолжай))
Миша ты лучший!!!
Михаил, у вас отлично получается донести информацию! И приятный тембр голоса, что важно! Подписался!
Скажите, это у вас цветовая схема готовая или кастомно настраивали? Очень понравилось сочетание цветов! И подскажите, пожалуйста, как называется шрифт, который вы используте?
Это тема Codesandbox. С её дефолтными цветами и шрифтами.
@@mishanep Спасибо!
Большое спасибо!
Спсибо тебе!)
Ролик в самый раз!
Пожелание по следующим выпускам. В дополнение к reacr-router-dom v5 и redux есть ряд библиотек, облегчающих взаимодействие между ними (например connected-react-router). А есть ли нечто подобное для reacr-router-dom v6 и redux-tools? Было бы здорово осветить эту тему. Пытаюсь у себя в проекте наладить такое взаимодействие, но остаётся ощущение, что либо изобретаю велосипед, либо создаю ненужные костыли.
Плюс к предыдущему сообщению, я не могу обернуть мои ссылки в Route, тк возникает ошибка ([Layout] is not a component. All component children of must be a or ) и я могу пока только под BrowserRouter прописать мои ссылки по причине этой самой ошибки. Не подскажите, как можно исправить это, пожалуйста
Спасибо, хорошее видео
однозначно лайк
Михаил, здравствуйте. Подскажите пожалуйста, если можно. Я делаю проект и первая страница у меня это (без шапки сайта, как у вас) список новостей, а вторая страница - это как раз, как у вас, когда мы кликаем на каждую новость и переходим по ней (в ее описание) . У меня как раз этот момент не отрабатывает как надо, так как когда я кликаю по новости у меня сам список новостей никуда не девается, а само описание новости (вторая страница) просто рендерится под списком новостей. Что я мог сделать не так? Я тут уже все передумал
Great tutorial
Спасибо! Очень приятно смотреть и слушать. Прекрассный рассказчик, понятное объснение. Разрешите вопрос: при переходе на "posts/new", "posts/:id" и т.д. ссылка "Blog" в заголовке теряет стиль "активности", но по логике - должна бы оставаться активной (я же не перешел в Home или About). Как этого добиться? Менять порядок вызова хука useMatch в компоненте CutomLInk (из предыдущего видео)? Спасибо)
Здравствуйте.
Да, всё верно. CustomLink надо слегка доработать. Как именно - в последнем видео цикла, либо на гитхабе =)
Рад, что вам нравятся мои видео.
@@mishanep Спасибо) Очень нравятся!
Здравствуйте, у меня вопрос, я делаю макет сайта и там есть страница с описанием товара(картинки, текст и тд), но текст у меня отображается как надо, а вот картинки с базы данных грузятся только, если вставить ссылку, а не путь к изображению, и причем абсолютно любое изображение, которое я вставляю на страницу тоже не грузится, попробовал на других страницах, в которых я не получаю id и там все хорошо работает, в чем может быть проблема, кто такое решал?
Спасибо.
Спасибо за классный контент.
Жаль v6 не поддерживает опциональные параметры:/
Переход с v5 совсем не такой плавный, как хотелось бы.
Михаил, а что у вас за сниппеты для реакта? Они вписывают имя компонента..... интересно
Самописные =)
У меня есть расширения со сниппетами React 17, но я не помню что конкретно использовалось в этом видео. Сейчас я в основном собственными сниппетами пользуюсь.
Привет, как всегда очень интересно 🐳
Я что-то немного запуталась, а сколько всего есть хуков? Я знаю только 7, а тут появился новый 🧐
Есть хуки самой библиотеки Реакт, есть хуки у вспомогательных библиотек (в данном случае роутинга). С выходом новых версий api частно претерпевает изменения, добавляются новые хуки, а старые иногда исчезают.
@@mishanep Аааа.. Понятно, точно. Хуки же можно создавать самостоятельно. Почему бы Route не создать свои. Спасибо)
спасибо!!!!!
Скажите, пожалуйста, зачем писать конструкцию post && ...(то, что нам нужно). Зачем на левую часть перед && писать?
Если post будет undefined, то post.id выдаст ошибку и приложение упадёт.
@@mishanep спасибо большое!
Интересно, а такая логика подойдет для создания бесед чата? Например есть массив бесед, который выводится на экран пользователя, а когда он на нее нажимает, открывается уже сам чат со своим сокет соединением и своими участниками
С точки зрения роутинга ничего не поменяется. У вас каждая беседа будет иметь уникальное значение для динамического параметра.
Михаил, а где посмотреть, как вы настраивали использование таких настроек как _rafce для создание react компонентов?
Это сниппеты. В данном случае установленные через плагин. Там длинное название, включает react redux snippet. Точное название не помню.
Михаил, в чем может быть проблема, если сделал все правильно, а ссылка выводимого урла страницы такая href="/posts/${post.id}", то есть - не отрабатывается. при этом отдельно id и другие данные на странице со списком выводятся. Куда копать?)
Мало информации чтобы разобраться. Если речь про компонент Link, то вместо атрибута href надо использовать to. А вместо двойных кавычек косые, чтобы шаблонные строки работали.
Добрый день! Подскажите, все сделал как в видео, но когда добавляю SinglePage в верстку и дописываю какое-то значение после posts - да, верстка с SinglePage отображается, но пропадает вся шапка. В чем может быть проблема?
Приветствую. По описанию не понимаю о каком именно изменении идёт речь.
@@mishanep Я разобрался. Были подключены стили в index.html, в этом была проблема. Когда подключил в index.jsx, все стало работать как в уроке. Спасибо за отличное объяснение!
А как быть если в моем компоненте наследование класса от Component и есть state. useParams с Component не дружит в componentdidmount. Как правильно поступить? Переписывать компонент без наследования и что делать со state? Я новичок помогите люди умные)
Как редиректить на 404 если мы указали айди не существующего поста, например '/posts/4242'
Обрабатываете ошибку от сервера и делаете редирект. Нюансы навигации разбираются в данном плей-листе.
Шо робити якщо перехожих по route з условія но фото там не показуєця
как сделать в классовом компоненте, в нём хуки не доступны
reactrouter.com/docs/en/v6/faq#what-happened-to-withrouter-i-need-it
Дока предлагает самостоятельно создать HOC и обернуть в него классовый компонент.
Спасибо!! пока делал свой проект успел "подгореть" почему ничего не работает )))
как можно сделать параметр по умолчанию?
Например через конструкцию ИЛИ.
Спасибо за демо
Актуальный канал.
Как тут 10 лайков поставить ?
Ян Непомнящий не родственник тебе случайно ? ))
Нет
+
Я так и не понял какую функцию выполняет useParams?. Название говорящее но функционал фуу, я не вижу того что ожидал.
для начинающих сложно. А для знающих неинтересно.
А мне нужно и тут всё быстро и ясно объяснили
Hi. Может кто знает, если например index сделать posts и через link to ={id} перейти, пропадает isActive. Как с этим бороться? Кроме .
Здравствуйте курсы по js react redux typescript и интсрументы разработчика на степике актуальны на 2023 год, ответьте пожалуйста
Здравствуйте. Redux и Typescript были записаны только в прошлом году. По JS - курс вряд ли устареет, так как основы языка не изменятся. Реакт у меня по 17й версии, на которой сегодня работает большинство проектов. В инструментах разработчика возможно Vs code несколько обновился, в остальном должно быть актуально.
Большое спасибо, очень помог!
Спасибо большое за информацию 🎉🎉