Блин, меня действительно подкупает такая искренность и отдача. Ставлю перед собой цель -- комментировать и лайкать каждое твое видео, Спасибо еще раз))
Дима блин. Я просто фанат твоей манеры изложения материала. До этого читая книги по программированию я засыпал практически над ними иногда. А тут все интересно и весело. Если бы мне так в школе на информатике преподавали бы, я уже точно после школы стал бы программистом. Некоторые твои уроки можно на цитаты прям разбирать. Я не знаю где у тебя шило, но твой задор и твоя манера изложения это нечто. Обнял)
Бля, давно у меня такого не было, такое чувство, что я в 2006 и смотрю сериал Солдаты, не надоедает и очень интересное, очень давно не ощущал такую заинтересованность ! Димыч THANK YOU !
Для тех кто смотрит в 2к20 с роутами небольшие изменения: 1) import {BrowserRouter as Router, Route} from 'react-router-dom'; 2) всё заключаем в тег Router 3) отдельные пути через Route
Еще раз ОГРОМНОЕ тебе душевное спасибо за то, что все так подробно разжевываешь. Я буквально вчера была на онлайн тренинге по react и слушала о компонентах. Рука-лицо... даже стыдно за тренера стало после того, как видела уже твои пояснения. Я не просто пишу, я ПОНИМАЮ, что я пишу и как оно примерно будет работать. Спасибо! 💕
За 20 минут сделала кликабельными Music, News, Settings Все получилось с первого раза. Только ссылки забыла в какой папке лежат, но потом нашла в Навбаре. Все отлично спасибо за знания!
Привет всем из 2021. Сейчас уже вышел 6й реакт роутер дом. Там ряд нововведений. Вместо components надо писать element. Пример . было , стало - . Я блин полтора часа времени убил чтобы понять почему оно не работает. Так же теперь вместо Switch используется Routes
@@ITKAMASUTRA Хоспади) С ужасом поняла, что помню даже имена персонажей Санта_Барбары)) Но Евгений прав) Я тож как увлекательный сериал смотрю) Основы знаю, но видео не проматываю и не пропускаю) Столько мелочей Дмитрий рассказывает, боюсь пропустить что то))
@@andreiBylkin да брат, уже 6 месяца как устроился, сначала было очень тяжело, провалил около 10 собеседование, но не стаял на месте учил дальше, все будет хорошо, не сдавайся ;)
Спасибо за полезный курс, такая плавная подача материала ставит все точки над И во время обучения и не оставляет вопросов. Приятно, что в комментариях тоже люди активно помогают, когда синтаксис React изменился.
2022 Много кто уже писал о особенностях 6 версии. Меня не устраивало, что Profile не загружался по умолчанию Ниже пример как это поравить const App = () => { return (
) }; так же в компонентах можно поменять на Profile
Позволяет не перезагружать страницу при переходе по ссылкам
* - его используют когда указан неправильный путь. Тогда получается что при каждом неправильном пути, будет отображаться Profile. А если ты хочешь чтобы при неправильном пути грузилась твоя кастомная страница 404?
Круто, спасибо большое! Получается все, делаю сам, оно как-то работает но в голове еще куча вопросов) Надеюсь к концу проекта вопросов будет намного меньше)
начинал зимой учить, но не было времени изза работы и остановился на 33 уроке . сейчас заново за день взахлеб уже на 19. Все понятно и интересно .Спасибо !
Спасибо за курс. Отличный материал даже в 2022 году. Сначала напрягало, что ты излишне разжёвываешь инфу, однако заметил, что какие-то невероятно базовые вещи не осознавал до твоего курса
Мне кажется, это очень хорошо, что ты так неспоешно все разжовываешь и повторяешь. Потому что часто бывает так, что быстро посмотрел тему и думаешь: а, ну все понятно... а через пару дней выясняется, что нихрена непонятно было, или ты уже забыл все что быстро глянул. А когда вот так, обстоятельно подходишь к делу - то реально запоминаешь хоть что-то, хотя бы самое основное!!
В написании сайтов я совсем новичок. Первая библиотека которую глобально изучаю это реакт.Подскажите пожалуйста laravel и react это разные библиотеки или как? И можно ли на чистом реакте без добавления других библиотек написать авторизацию, регистрацию?Сразы скажу еще курс не прошла. Пока только нам 23 уроке
и import { BrowserRouter, Routes, Route } from 'react-router-dom'; в противном случае белый экран((( Автору спасибо за изложение материала. Ну поменялся синтаксис -- не беда)
У кого после 17-49 вылезет такая ошибка : Attempted import error: 'react-router-dom' does not contain a default export (imported as 'Route'). Исправляется тем, что импорт в App.js нужно прописать ВРУЧНУЮ import {BrowserRouter, Route} from "react-router-dom"; - именно такой, как на видео, а не тот, что прописывает WebStorm !
Спасибо за отличное видео. Но для тех кто смотрит это видео в 2022 году с версией 6 react-route-dom, то нужно написать вот так import {BrowserRouter, Routes, Route} from 'react-router-dom'; const App = () => { return (
Главное не забыть добавить BrowserRouter, Routes, Route в import.
Спасибо, смотрел, что вроде без path можно было, но в результате ничего не работало, так что, главная конструкция осталась старой. Добавилось пару незначительных нововведений
@@theway_up Там всё намного проще чем кажется. Смотри, для начала, в файле App.js сделай правильный импорт, он будет отличаться чем в видео, так как вышли новые версии данной библиотеки. Правильный импорт будет примерно таким: import {BrowserRouter, Routes, Route} from "react-router-dom"; Далее, в этом же файле, после скобки слова return пропиши тег и закрой его перед последней скобкой с точкой и запятой. Третий этап: все теги что у тебя есть в данном файле, оберни их в тег , и не забудь его закрыть после последнего . Вроде это всё, что тебе нужно сделать
полный рабочий код файла App.js на 13.03.2022: import React from 'react'; import './App.css'; import Header from './components/Header/Header'; import Navbar from './components/Navbar/Navbar'; import Profile from './components/Profile/Profile'; import Dialogs from './components/Dialogs/Dialogs'; import {BrowserRouter, Routes, Route} from 'react-router-dom'; const App = () => { return (
спасибо за видос! к уроку добавлю - посмотрите как работать с зависимостями с помощью npm. на том же ютубе есть коротенькие видосы, которые объясняют структуру package.json и как устанавливать зависимости(флаги -save --dev). времени потратите немного, но это будет крайне полезно. что касается рутера, то на момент выхода видео такой вариант написания устарел,в комментариях дают актуальный вариант(и скорее всего если поменяется допишут), но я бы порекомендовал тем у кого не работает погугглить самим как исправить код урока(а не копипастить),чтобы он работал, это будет хорошая практика на понимание реакта, заодно докуху по рутеру изучите. также стоит начать использовать консоль F12 - таб console. там вы сможете увидеть ошибки
Внимание всем кто смотрит в МАЕ 2022, react-router-dom - с появлением 6 -ой версии изменился синтаксис: 1. Импорт - import {BrowserRouter, Route, Routes} from 'react-router-dom'; 2. В App.js нужно писать только так или работать не будет - function App() { return (
Решила тоже приносить чуток пользы. Если будут появляться какие-то новые хоткеи в WS, буду в качестве комментария их писать под видео) Вдруг кому-то еще пригодятся :) Из тех, что записала на данный момент: Правый Ctrl + Shift + . - закомментировать; Alt + F12 - открыть терминал; Shift + F6 - переименовать файл; Alt + Enter - контекстное меню; Ctrl + Alt +L - форматировать код; Ctrl + Shift + N - поиск файлов; Ctrl + D - дублировать строку.
ЭТОТ комментарий для тех, у кого не работает программа из-за ошибки 'Route' is not defined. Я долго думал и нашёл в чём проблема. Просто вы плохо установили react-router-dom на этом моменте 12:50. Посмотрите в какую папку вы устанавливаете этот модуль. Вся моя проблема была в том, что я устанавливал этот модуль не в ту папку и я просто перешёл на уровень выше в файловой системе и всё успешно установилось, а после и заработало. Короче может я и плохо или не правильно объяснил, может для когото эта ошибка звучит глупо, но я просто хочу помочь такому же человеку, как и я. Это один из выходов в этой проблеме, который помог мне, вам он может и не помочь.
Просто спасибо за курс и за то, что запустил цепочку позитива и взаимовыручки! В комментах такие классные советы. Спасибо каждому, кто не поленился отписаться после удачного решения
Ребятки, если хотите что бы было как на видео, напишите в терминале npm i react-router-dom@5.3.0 после чего в App.js напишите код как на видео import {BrowserRouter, Route} from "react-router-dom"; import (компонентов) function App(props) { return (
В новой версии выдает ошибку, правильно теперь вот так:
Не благодарите:)
// Кстати я устроился на работу, уже прошло 5 рабочих дней. Так что все реально, главное не опускать руки и будет все хорошо:)
Благодарю :D
Огромное спасибо все форумы прошарил в поисках ответа.
Благодарю
Спасибо)
Спасибо :)
Спасибо за уроки !
Синтаксис в ролике работает для версии react-router-dom
Спасибо большое, дружище, выручил)
Спасибо!!!! я сижу и думаю,то ли лыжи не едут, то ли я.... все отрисовалось с новым синтаксисом)
Спасибо огромное, очень помог твой комментарий :)
Спасибо тебе, Павел!!!
Поправочка. Если до этого в Navbar писали /dialogs, то не забудьте path так и прописать
огромное спасибо за этот код!!! он мне очень помог.
У твоих уроков эффект сериалов. В конце интересно начать новую серию. Спасибо!
100%
100%
Ребят, кто в 2021 смотрит, у кого ошибка с route. Он сейчас по-другому работает. Нужно сделать так:
листала комменты специально ради этого, спасибо!!!
Спасибо большое, очень помогли)
13.05.22 ничего не работает
Спасибо
@@FlyDem где сейчас можно найти инфу?
Не забывай говорить вших вших вших (как самурайским мечем!) 😀 🐼
Это, кстати, очень важно!
да мечи очень важны!)
Тебе плохо?
Меня это так бесило вначале, а сейчас без "вших-вших" уже грустно(( Смотрю залпом по несколько уроков, канал как родной стал
Спасибо большое Дмитрий 👏👍
Для 6 версии синтаксис такой
import {BrowserRouter, Routes, Route} from "react-router-dom";
Спасибо большое
Спасибо братка
спасибо тебе чувак
Работает с версией "react-router-dom": "^6.28.0"
Блин, меня действительно подкупает такая искренность и отдача. Ставлю перед собой цель -- комментировать и лайкать каждое твое видео, Спасибо еще раз))
Дима блин. Я просто фанат твоей манеры изложения материала. До этого читая книги по программированию я засыпал практически над ними иногда. А тут все интересно и весело. Если бы мне так в школе на информатике преподавали бы, я уже точно после школы стал бы программистом. Некоторые твои уроки можно на цитаты прям разбирать. Я не знаю где у тебя шило, но твой задор и твоя манера изложения это нечто. Обнял)
Угу, как будто гопник с семками, выучивший слово инкапсуляция
11:47 "...что эта запись даст?"-послышалось совсем другое ахахах
Бывает))
@@ITKAMASUTRA звучит как новая песня Эдуарда Сурового
@@КимКузин-й9ж а мы сидим. Без Дим..
слушаю на скорости 1.25, раза 3 прослушал, только потом осознал что имеется ввиду )
хахах
Для меня сработал следующий вариант:
import {BrowserRouter, Route, Routes} from "react-router-dom";
const App = () => {
return(
);
}
Ты единственный кто выручил, спасибо огромное)
ругается если не обернуть все в возможно из-за дополнительных тегов.
const App = () => {
return (
);
}
Спасибо огромное, все способы перепробовал, твой коммент очень помог!!)
Спасибо, человече ;)
огромное спасибо ты лучший
@@smakdigital как мама поживает?????
ну что, впервые на youtube появился человек, которому ставишь сначала лайк, а потом смотришь, а не наоборот
Еще Евгений Таранов и Ярослав Брин
Подтверждаю
Я бы ставил и До и После))
Дуже дякую))) Те що в коментарях всі допомагають, якщо є якась проблема, надзвичайно спрощує навчання!
Лайк, подписка и что там еще можно. Где ж ты раньше был со своими уроками. Я наконец то начал понимать реакт!!!
Щире дякую Дімич -- дуже круто!!!)
Маленький UPDATE:
import { Route, Routes, BrowserRouter } from "react-router-dom";
...
в vs code ctrl+p - поиск файла, ctrl+tab - навигация по открытым файлам
спасибо, попробуем!!!!
Можно колесом мыши сверху прокручивать заголовки открытых файлов -тоже нормальная каруселька получается)
mersi cavt tanem, mernem janit aziz, qo shnoriv jamanaks karchacreci
я сам понял что смотрю уроки без подписки где то на 12-14 уроке)) канешн подписался) и перед просмотром лайк)
хоть как то помогу)
Вначале лайк, потом просмотр, а комментарии никому обычно не пишу, а тебе с удовольствием! Спасибо за такой труд, отдачу и искренность.
Бомбим дальше!)
Всем привет с Винницы!
Когда-то слышала утверждение, что чем лучше человек знает материал, тем проще может объяснить даже самые сложные моменты. Это про тебя! Точно-точно))
Первый видеокурс за который хочется заплатить! 👍👍👍
уже третий день смотрю, до 19 уже дошла, очень интересно, все понятно, все записываю и повторяю, спасибо за курс!
Бля, давно у меня такого не было, такое чувство, что я в 2006 и смотрю сериал Солдаты, не надоедает и очень интересное, очень давно не ощущал такую заинтересованность ! Димыч THANK YOU !
Для тех кто смотрит в 2к20 с роутами небольшие изменения:
1) import {BrowserRouter as Router, Route} from 'react-router-dom';
2) всё заключаем в тег Router
3) отдельные пути через Route
Смотрю в 2к22, не хочет работать так
Дополняю частью рабочего кода, версия 6.3.0
Return(
)
@@NickiSchultz_ Почему-то Routes is not defined
@@alexqwerty3673 а import {BrowserRouter, Route, Routes} from 'react-router-dom' добавлен?
Как самурай сказал, за импорт элементов не забывать)
@@NickiSchultz_ да, все добавлено, только Routes подчеркивается волнистой линией, как я понимаю он не находит его в react-router-dom
Блин, я как зависимый - "Еще одну и ТОЧНО спать" и так до утра) Спасибо тебе за твой труд!)
Ложись в 11 вечера, и будешь учиться в 3 раза быстрее!
@@kioko1007 золотые слова. А еще пик мозговой активности с раннего утра и до 12 примерно
2021 г. май - все получается. Другие три страницы (ссылки) создать получилось. Спасибо Димыч!!!
Вдруг кто-то делает наперёд как я. После кода на 16:11 выходит какая-то ошибка с Routa'ми. Не гуглите, дальше всё объясняется))
я тоже топтался на этой ошибке, пока все не досмотрел )
такие комментарии должны быть вверху!!
Ааа)) спасибо, час уже гуглю)
Дякую, ти зекономив мені час)
Еще раз ОГРОМНОЕ тебе душевное спасибо за то, что все так подробно разжевываешь. Я буквально вчера была на онлайн тренинге по react и слушала о компонентах. Рука-лицо... даже стыдно за тренера стало после того, как видела уже твои пояснения. Я не просто пишу, я ПОНИМАЮ, что я пишу и как оно примерно будет работать. Спасибо! 💕
Все супер, все становится на свои места, очень доходчиво, смотрю дальше
За 20 минут сделала кликабельными Music, News, Settings
Все получилось с первого раза. Только ссылки забыла в какой папке лежат, но потом нашла в Навбаре. Все отлично спасибо за знания!
Привет всем из 2021. Сейчас уже вышел 6й реакт роутер дом. Там ряд нововведений. Вместо components надо писать element. Пример . было , стало - . Я блин полтора часа времени убил чтобы понять почему оно не работает. Так же теперь вместо Switch используется Routes
Спасибо огромное, подсказка как раз кстати, теперь все получилось
Спасибо :)
Спасибо. Респект ))
Ты потратил время не впустую самурай, ты спас много времени остальных! Спасибо=))
Привет, у меня не получается, не могу сдвинуться с места, мог бы помочь?
Благодаря Вашим объяснениям и комментаторам смогла настроить маршрутизацию) Всё получилось, теперь берусь за конспект !
Круто. Заходит как любимый сериал 😁
санта-барбара (старпёры поймут) отдыхает) Димыч планирует снять серий 150)))
@@ITKAMASUTRA Проблема любимых сериалов в том, что ты не хочешь чтобы они заканчивались..(
@@ITKAMASUTRA Хоспади) С ужасом поняла, что помню даже имена персонажей Санта_Барбары))
Но Евгений прав) Я тож как увлекательный сериал смотрю) Основы знаю, но видео не проматываю и не пропускаю) Столько мелочей Дмитрий рассказывает, боюсь пропустить что то))
Дима - космос, все по делу, а главное все работает, показываешь, рассказываешь - как все по документации первоисточника (это редкость сейчас)
спосибо Димыч джан, весь курс прошел, всё было ооооооооооочень круто, сматри 2 раз чтобы укрепить знания
И как дела у тебя братец? Устроился на работу?
@@andreiBylkin да брат, уже 6 месяца как устроился, сначала было очень тяжело, провалил около 10 собеседование, но не стаял на месте учил дальше, все будет хорошо, не сдавайся ;)
@@codegorian6057 долго устраивался, если не секрет?:)
@@andreiBylkin полтора года
Спасибо за полезный курс, такая плавная подача материала ставит все точки над И во время обучения и не оставляет вопросов. Приятно, что в комментариях тоже люди активно помогают, когда синтаксис React изменился.
2022
Много кто уже писал о особенностях 6 версии.
Меня не устраивало, что Profile не загружался по умолчанию
Ниже пример как это поравить
const App = () => {
return (
)
};
так же в компонентах можно поменять на
Profile
Позволяет не перезагружать страницу при переходе по ссылкам
Спасибо тебе!!!!Прям большое большое!!!))))))
Спасибо большое за ответ!
* - его используют когда указан неправильный путь. Тогда получается что при каждом неправильном пути, будет отображаться Profile. А если ты хочешь чтобы при неправильном пути грузилась твоя кастомная страница 404?
Все интересней и интересней с каждым уроком становится, летим дальше, домашку сделал вшух вшух
Все получилось, ух react завлекает с каждым видео,Крутяк Димыч Спасибо
Продолжаю смотреть в 2024 г. Всё супер, ты лучший.
Димыч, докладываю:
урок законспектировал, домашку сделал, бомбим дальше!
Спасибо тебе!
Подписан с 19 года, колокольчик при мне, лайки завожу, комменты - сори что начал "спасибо" дублировать, спустя 18 уроков, уже фантазия иссякает😅🚀
Круто, сейчас уже стало интереснее, начинаю писать код) Спасибо
ага, оно как расскачка идёт - всегда интереснее! ну и темы сейчас будут поживее и поинтереснее))
Ну что там, нормально раскачался?
Дмитрий всё очень понятно и доходчиво благодарю!
Спасибо за урок) Все получилось) Домашнее задание готово) Летим дальше!
Спасибо огромнейшее!!! (и ребятам - за измененный синтаксис для react-router-dom версии 6)
Круто, спасибо большое!
Получается все, делаю сам, оно как-то работает но в голове еще куча вопросов)
Надеюсь к концу проекта вопросов будет намного меньше)
начинал зимой учить, но не было времени изза работы и остановился на 33 уроке . сейчас заново за день взахлеб уже на 19. Все понятно и интересно .Спасибо !
Спасибо за курс. Отличный материал даже в 2022 году. Сначала напрягало, что ты излишне разжёвываешь инфу, однако заметил, что какие-то невероятно базовые вещи не осознавал до твоего курса
Все получилось. Теперь App.js выглядит так
const App = () => {
return (
);
}
Просто волшебные объяснения! Безумно нравится ваш курс, всё понятно. *Мотивирует!*
Мне кажется, это очень хорошо, что ты так неспоешно все разжовываешь и повторяешь. Потому что часто бывает так, что быстро посмотрел тему и думаешь: а, ну все понятно... а через пару дней выясняется, что нихрена непонятно было, или ты уже забыл все что быстро глянул. А когда вот так, обстоятельно подходишь к делу - то реально запоминаешь хоть что-то, хотя бы самое основное!!
актуальные правки на конец 21-го года:
import {BrowserRouter, Routes, Route} from "react-router-dom";
а сами роуты должны быть прописано вот так:
спасибо, долго парилась, ты очень помог! успехов
Может быть Вы знаете, почуму IDE(WS) подчёркивает Routes, в импорте?? И как это исправить?
Спасибо а то уже не знал что делать
Привет, у меня не получается, не могу сдвинуться с места, мог бы помочь?
Супер! Обожаю когда работают кнопки!!!!!
12.11.2021!
Синтаксис изменился.
Теперь пишется так:
в топ!!!! очень помог!!!
спасибо, добрый человек
Привет, у меня не получается, не могу сдвинуться с места, мог бы помочь?
@@theway_up что конкретно ?
Ребят, спасибо всем за помощь. Лучшие👍
Все легко и все понятно !) Спасибо !)
Супер. Все важные темы просматриваю в среднем по 3 раза. В коде никаких нон-стопов нет. Невозможно не понять. Спасибо большое.
В написании сайтов я совсем новичок. Первая библиотека которую глобально изучаю это реакт.Подскажите пожалуйста laravel и react это разные библиотеки или как? И можно ли на чистом реакте без добавления других библиотек написать авторизацию, регистрацию?Сразы скажу еще курс не прошла. Пока только нам 23 уроке
и
import { BrowserRouter, Routes, Route } from 'react-router-dom';
в противном случае белый экран(((
Автору спасибо за изложение материала. Ну поменялся синтаксис -- не беда)
Отличный экспресс курс на данный момент) смотрю пяток видео, затем пишу код)
У кого после 17-49 вылезет такая ошибка :
Attempted import error: 'react-router-dom' does not contain a default export (imported as 'Route').
Исправляется тем, что импорт в App.js нужно прописать ВРУЧНУЮ
import {BrowserRouter, Route} from "react-router-dom";
- именно такой, как на видео,
а не тот, что прописывает WebStorm !
спасибо , я уже думал не найду ошибку !!!!
Я теж так робив
Благодарен даже в 2021году
У меня требует Routes вместо Route. А потом не видит ни Dialogs, ни Profile.
@@denyskosyriev2256 такая же фигня
Отлично! Спасибо тем, кто в комментариях дописывает обновления, иначе я бы застряла точноо)))
Ты крутой, продолжай в том же духе!!!)
спасибо, Дима, и спасибо ребятам, которые в комментариях пишут примеры для более свежих технологий!
в app.js
добавляем такой импорт: import {BrowserRouter, Routes, Route} from "react-router-dom";
весь код после return оборачиваем в
далее добавляем
чтоб посмотреть работает ли в браузере в пути в конце после слэша пишем то что написано в path тоесть /profile либо /dialogs.
Золотой ты человек! Что сейчас код надо другой прописывать - многие отписались, а вот как проверить, что работает - искала полчаса))))
Спасибо тебе большое, ты супер! Очень помог твой комментарий!
Ты так поясняешь, что я даже не знаю как можно не понять)) спасибо! Погнали дальше
Спасибо за отличное видео. Но для тех кто смотрит это видео в 2022 году с версией 6 react-route-dom, то нужно написать вот так
import {BrowserRouter, Routes, Route} from 'react-router-dom';
const App = () => {
return (
Главное не забыть добавить BrowserRouter, Routes, Route в import.
Спасибо )👍
Спасибо, смотрел, что вроде без path можно было, но в результате ничего не работало, так что, главная конструкция осталась старой. Добавилось пару незначительных нововведений
Привет, у меня не получается, не могу сдвинуться с места, мог бы помочь?
Есть тг или другая соц сеть, я могу скрин сбросить, если надо, но хочу разобраться что за херня
@@theway_up Там всё намного проще чем кажется. Смотри, для начала, в файле App.js сделай правильный импорт, он будет отличаться чем в видео, так как вышли новые версии данной библиотеки. Правильный импорт будет примерно таким: import {BrowserRouter, Routes, Route} from "react-router-dom";
Далее, в этом же файле, после скобки слова return пропиши тег и закрой его перед последней скобкой с точкой и запятой.
Третий этап: все теги что у тебя есть в данном файле, оберни их в тег , и не забудь его закрыть после последнего .
Вроде это всё, что тебе нужно сделать
никогда еще образование не было таким приятным! Респект!
Сейчас вроде --save писать не надо, npm автоматически добавляет в package файл
Спасибо
сначала посмотрел просто так, понял всё, пересмотрел и записал в тетрадь всё село в голове. Спасибо Димыч)
--2021--
**
**
Теперь тег оборачивается в тег , а component={Profile} меняем на element={}(в элемент тоже прописываем тег).
Может быть Вы знаете, почуму IDE(WS) подчёркивает Routes, в импорте?? И как это исправить?
@@theWorldIsMultivariate , я работаю через Visual, такого у себя не замечала, прописывала вот так import { Route, Routes } from "react-router-dom";
@@in_the_fox_fur понятно, спасибо.
Дмитрий, все получилось, три элемента для роутера настроены. спасибо, еду дальше!
полный рабочий код файла App.js на 13.03.2022:
import React from 'react';
import './App.css';
import Header from './components/Header/Header';
import Navbar from './components/Navbar/Navbar';
import Profile from './components/Profile/Profile';
import Dialogs from './components/Dialogs/Dialogs';
import {BrowserRouter, Routes, Route} from 'react-router-dom';
const App = () => {
return (
);
}
export default App;
Все круто! задание выполнил. Летим дальше!
то чувство, когда реакт на ts сейчас легче идёт, чем когда-то js
19 уроков прошли как песня! Погнал выполнять маленькую простую домашку) Спасибо, всё круто.
спасибо за видос! к уроку добавлю - посмотрите как работать с зависимостями с помощью npm. на том же ютубе есть коротенькие видосы, которые объясняют структуру package.json и как устанавливать зависимости(флаги -save --dev). времени потратите немного, но это будет крайне полезно.
что касается рутера, то на момент выхода видео такой вариант написания устарел,в комментариях дают актуальный вариант(и скорее всего если поменяется допишут), но я бы порекомендовал тем у кого не работает погугглить самим как исправить код урока(а не копипастить),чтобы он работал, это будет хорошая практика на понимание реакта, заодно докуху по рутеру изучите. также стоит начать использовать консоль F12 - таб console. там вы сможете увидеть ошибки
Внимание всем кто смотрит в МАЕ 2022, react-router-dom - с появлением 6 -ой версии изменился синтаксис: 1. Импорт - import {BrowserRouter, Route, Routes} from 'react-router-dom';
2. В App.js нужно писать только так или работать не будет -
function App() {
return (
);
}
ДО сих пор АКТУАЛЬНО
Я без function написал и работает
От души! Выручил)
Братан, не работает можешь помочь, через соц сеть как то
vse poluchilos, Uroki super! spasibo ogromnoe!!!!!!!
Дима! Спасибо большое за уроки
В общем, ребят. По состоянию на 2023:
1) npm uninstall react-router-dom
2) npm i react-router-dom@5 -save
const App = () => {
return (
);
}
Спасибо
Мне помогло, спасибо
Все гуд бегу далее)) А тема с картой проекта реально все упрощает!
Решила тоже приносить чуток пользы. Если будут появляться какие-то новые хоткеи в WS, буду в качестве комментария их писать под видео) Вдруг кому-то еще пригодятся :)
Из тех, что записала на данный момент:
Правый Ctrl + Shift + . - закомментировать;
Alt + F12 - открыть терминал;
Shift + F6 - переименовать файл;
Alt + Enter - контекстное меню;
Ctrl + Alt +L - форматировать код;
Ctrl + Shift + N - поиск файлов;
Ctrl + D - дублировать строку.
Спасибо за урок! Летим дальше!
обратите внимание на синтаксис, долго мучался и искал ответы.
Спасибо
Привет, у меня не получается, не могу сдвинуться с места, мог бы помочь?
Спасибо за объяснение! Домашнее сделал) я подписан) Летим дальше!
Всем привет из 2024.
Сейчас рабочий вариант такой:
import { Routes, Route, BrowserRouter } from 'react-router-dom';
Спасиб кста комент написан 5 месяцев назад как там прошел путь самурая офер получил ??
Роутинг залетел!! в React все продумано!!Огонь!
ЭТОТ комментарий для тех, у кого не работает программа из-за ошибки 'Route' is not defined. Я долго думал и нашёл в чём проблема. Просто вы плохо установили react-router-dom на этом моменте 12:50. Посмотрите в какую папку вы устанавливаете этот модуль. Вся моя проблема была в том, что я устанавливал этот модуль не в ту папку и я просто перешёл на уровень выше в файловой системе и всё успешно установилось, а после и заработало. Короче может я и плохо или не правильно объяснил, может для когото эта ошибка звучит глупо, но я просто хочу помочь такому же человеку, как и я. Это один из выходов в этой проблеме, который помог мне, вам он может и не помочь.
проще говоря, положите в папку своего проекта, у меня это папка my-app
Крутяк , чувствую что постепенно становлюсь самураем. Спасибо Димыч !!!!!
Просто спасибо за курс и за то, что запустил цепочку позитива и взаимовыручки!
В комментах такие классные советы.
Спасибо каждому, кто не поленился отписаться после удачного решения
Спасибо, ваши уроки просто класс. Идем дальше
Ребятки, если хотите что бы было как на видео,
напишите в терминале
npm i react-router-dom@5.3.0
после чего в App.js напишите код как на видео
import {BrowserRouter, Route} from "react-router-dom";
import (компонентов)
function App(props) {
return (
)
}
це робочий варіант дякую
Спасибо большое за твой труд! Смотрю дальше )
кто смотрит в 2023 route чуточку поменялся:
import { BrowserRouter as Main, Route, Routes } from 'react-router-dom'
const App = () => {
return (
);
}
Белый экран, видно только хидер и навбар без бэграунда
Огромнейшее спасибо за курс!! Ты помогаешь реализовать мою цель, быть разработчиком!!
працює цей код, робив 18.04.23
import {BrowserRouter, Route, Routes} from "react-router-dom";
const App = () => {
return (
);
}
Большое спасибо!
Очень грамотно, что сначала проходим роуты а потом уже будут мэпы и прочее. Так материал воспринимается лучше намного
у кого не работает попробуйте так:
import { BrowserRouter, Routes, Route } from "react-router-dom";
не работает
Четко сработало , я два часа сидел голову ломал че за фигня, лучший ))
благодарю всех, кто подсказа изменения в синтаксисе, спасибо) И Димыч спасибо тоже за ролик