у кого в конце 21го не работает activeClassName - необходимо заменить на className = { navData => navData.isActive ? s.active : s.item } + пишем правило в css для .active {color: gold;} + там же переименовываем ".item a" просто в ".item" тоже можно заменить на просто , от класснэйма тут толку не будет
@@supitacantora413 у них тренажеры норм . Многое понятнее стало только там . А так везде дерьмище тоже самое . попал на гикбрейнсе на лектора который заикался и еще связь плохая была.....лучше бы димычу эти 17 тыщ отдал
Мы в 2020 году: чувство, что ты смотришь топовый сериал, который уже вышел полностью год назад, поэтому ты залипаешь сутками, смотришь по 20 серий в день)
@@Itpedie я пока работать не спешу идти, хотя мог бы пойти, так как знаю nodejs, reactjs, typescript. Изначально пришёл программировать, чтобы делать свои проекты))) Сейчас учу вообще ретушь в фотошопе. Хочу найти парт-тайм-джоб чтобы было время на эти свои проекты))) разрываюсь между фотошопом и программированием покамест) решил год ещё поэкспериментировать
Пройдя за пол года HTML CSS JS, наверное базу, и взявшись за React я неделю искал курсы чтоб хоть что то понять, и думал уже что это мб не мое... но где то увидел комментарий, про этот канал, зашел, и тут все так разжевывают, что даже не передать той радости когда ты начинаешь что то понимать, и то чувство в груди, которое даже не описать, когда ты хочешь смотреть дальше, и это так интересно и легко, дальше будет сложнее, но блин, так преподнести базу для новичка, что то новое всегда надо так преподносить, этот склад ума как у Димыча, это редкий дар, или наработанный путем длительного опыта в сфере преподавания, опять же ОПЫТ, чувство к мелочам и умение проводить так аналогии чтобы даже самый ленивый или самый прямой склад ума мог понять и осознать как все работает изнутри. Важно чтобы каждый из нас подчерпнул себе не только знания которые дает нам автор этого канала, но и человеческие качества которые есть у него. Желаю Димычу чтобы он получал по заслугам :) в прямом смысле крч
2022. Спасибо большое! Очень грустно, что часть видео из-за нововведений становится неактуальной. И огромное спасибо людям в комментариях, которые помогают увидеть изменения
2023. Спасибо большое! Да, плохо, что разработчики модулей (react-router-dom - версии 6+ ) меняют синтаксис когда и как хотят.... (поэтому я люблю Чистый JS) Спасибо добрым людям в комментариях, которые помогают увидеть изменения и показывают, что посмотреть, что почитать. Было бы круто, если бы Вы добавили дополнительные видео с изменениями в синтаксисе в этом проекте по состоянию на текущий момент-2023. Еще раз благодарю за науку.
отличный курс, сложное становится понятным)) Версии меняются, но это только помогает закреплять материал. У меня NavLink такой получился: isActive ? `${s.active} ${s.navListLink}` : s.navListLink} to="/profile">Profile `${s.active} ${s.navListLink}` - шаблонная строка с составным селектором, что бы применялись значения двух классов
Уроки просто класс, а в свете апдэйтов Реакта настоящая камасутра, и смысл не просто скопировать код из комментариев, а добраться до ответа почему же так! И огромное спасибо тем, кто скидывает дополнительный материал по изменениям в React!!!
У кого не работают ссылки в 2022 Я делал так: в верху Navbar.jsx создал константу: const setActive = ({isActive}) => isActive ? s.activeLink : ''; а в ссылки добавил следующее: Profile в css добавьте - a.activeLink { color: gold;} Все работает)
май 2023 .item a:active, .item a:focus { color: gold; } Просто добавляем стиль при активной ссылке и фокусе. Зачем усложнять тернарным оператором и лишними выражениями?
Смотрю данный курс в 2022, МЕГАКРУТО, Спасибо большое автору, а также отдельное спасибо тем людям в комментах, которые выкладывают код с учетом обновления React и всего прочего )))
На данный момент на 09-10-22 самый изящный способ сделать так, что бы наши ссылки были активны, следующий: navData.isActive? s.activeLink: s.item}> Profile соответственно в вашем Css модуле должно быть прописаны правила: .item a { color: white }; .item a.activeLink { color: gold }; Не благодарите :)
.item:hover, .item:active, .item:focus { color: thistle; } для тех кто устал мазгой шпилиться, воспользуйтесь просто прелестями CSS, чтобы при активе и фокусе надпись меняла цвет
Я возможно буду в этом курсе часто оставлять комментарии хотя я не любитель этого, но видосы Димыча будто просят оставить положительный коммент. Курс нацелен на людей которые изучают Front-end от силы месяца 3, поэтому советы которые говорит Димыч очень полезные. От себя могу добавить что на его видосы в день можно тратить не больше 4-х часов, да так будет дольше, но я вас уверяю так вы намного лучше выучите. Я когда начинал тратил по 8+ часов на теорию и думал, что очень много выучил, но нет на следующий день всё забывал, а когда понемногу то вы всё запомните. Также конспект очень важная вещь и помощник тем кто только начинает, я хоть в этом и не нуждаюсь но делаю, потому что так легче запомнить. Также не надо забывать про отдых иначе вы вообще ничего не выучите, мой вам совет и график это 2 часа посмотрели потыкали и потом часик отдыха, чтобы голова полностью остыла и потом снова 2 часа также. Кто может больше делайте больше, но не рекомендую тратить на теорию больше 6-ти часов, даже после 5.5 вы уже ничего нормально воспринимать не будете. Авторы респект за то что так хорошо объясняет, жаль что мало у меня знакомых в вебе, но Димыч заполняет эту пустоту. Огромное спасибо ему, а всем кто проходит курс рекомендую рассмотреть данный график, он на первый взгляд плохой, но когда это дойдёт до автомата то ваш организм начнёт лучше всё запоминать и вы таким образом тратя меньше времени в день будете получать намного больше пользы чем когда 8 часов долбить это
Димыч - человечище!!!! Красавчик. Благодаря первым, примерно, 30 урокам сделал тестовое при устройстве на работу. Успешно принят на должность джуниора фронтэндера. СПАСИБИЩЕ за твой труд! Все благодаря твоим урокам. Бомби дальше!
У кого белый экран, мне помогло переимена Link на NavLink (как на видео), также сам сервер бывает просто вырубается, не забывайте проверять его работу)
Урок просто посмотрел, а остальное сам делал т.к. на данный момент уже используется 6 версия роутера. P.S. пример рабочего кода isActive ? `${classes.activeLink}` : `${classes.item}`} >Settings
Ну всё, Димыч, приехали) То есть предыдущие уроки - скорость света, этот урок аж подустал ковырятся в документации по технологии в которой пока ноль. Благодарю за курс, в 2022 он усложняется. Теперь код не работает, и нужно искать уже с 20 урока настоящие решения. Такой путь самурая превратился в реальный ПУТЬ САМУРАЯ 1.2! НО не кабзда как просто.. ой не кабзда)))
@@lovefliymon9912 Короче удаляют мой коммент(это знаки для меня, значит ссылка не уместна). Наверное я отправляю тебе ссылку, которая не имеет смысла на данном этапе, и немного подумавши я точно понимаю что мой код не смахивает на правильный так как я просто учился и пробовал. Поэтому что ты подразумеваешь под правильным кодом? По той ссылке ты можешь найти рабочее что-то или подсмотреть как я обошел эту проблему, но за год там должно быть много чего поменялось, поэтому я думаю что мой код тоже уже не актуален, нужно смотреть на документацию и спрашивать тех кто с этим сейчас работает. В общем успехов брат.
.item{ color: white; } .item:focus{ color: rgb(22, 22, 22); } можете не менять даже jsx, в css уже есть такое свойство только надо написать focus работает одинаково
в ноябре 2023, чтобы активная ссылка отличалась по цвету в css надо использовать .nav a:focus { color: red; } без всяких проверок в js и прописывания правил в css
Спасибо за урок, Дмитрий! Приятно узнавать новое и понимать, что делаешь. P.S. Если у кого скачет контент из-за полосы прокрутки, надо добавить для html следующие свойства: html { width:100vw; overflow-x:hidden }
Отличный урок, рад открывать с каждым уроком прелести React! Как же я доволен и благодарен тебе, Димыч, за уроки! Вся верстка и js что я учил до это просто такая шелуха, а сейчас прям точно еду на крутой тачке и благодаря Димычу понимаю как она работает!
Ходил бродил, учил Ruby on rails, не доучил, учил js, та же история, как ты говорил плавал в бесконечном море базы, Начал изучать по твоим видосам, порой ставлю на паузу и стараюсь сам наперёд что либо проставить и что либо сделать) Красава! Такую кладезь для себя в твоих уроках открыл.
Спасибо за курс. Когда слушаю твои разговорные видео, как например 17 видео из машины прям заряжаешь мотивацией учиться и помимо мотивации которая у меня и так есть. Ещё твоя добавляется и появляются силы ещё работать. Не знаю как ты так делаешь. Спасибо
В 22году не работает activeClassName? Необходимо заменить на: className = { navData => navData.isActive ? s.active : s.item } + пишем правило в css: .item a.active {color:gold};
И так, начинаю свой путь от домохозяйки знающей базовые основы JS до джуна ReactJS. Увидим на каком уроке, мне удастся устроиться на работу. П.с. Буду писать этот пост под каждым видео. БОМБИМ.
конспекты конечно хорошо но оказывается они отнимают много времени, я вот из будущего и Димыч делает остановочку каждых глав там и вспомню пред. уроки(Димыч лучший),
Вот на 20 уроке я уже начинаю осознавать в чем кайф Реакта)) Спасибо огромное))) Я просто начинал писать приложение по старинке PHP + Jquery, но теперь прям думаю перепишу все на реакте... Только сначала доучимся))) + нужно понять как реакт взаимодействует с серверной частью БД и тп))) Дмитрий ОГРОМНЫЙ РЕСПЕКТ!
Красава!
Первые курсы которые как наркотик хочется еще после каждого видоса!
Чувак продолжай в том же духе..................
Спасибо за сравнение)
Спустился по Вене на Reactивной лодке
Ты осторожней, а то его курсы запретят ещё!
@@Drezerak потому что это бомба)))
@@ITKAMASUTRA raect-router-dom обновили или чо, почему Route не срабатывает????
у кого в конце 21го не работает activeClassName - необходимо заменить на
className = { navData => navData.isActive ? s.active : s.item }
+ пишем правило в css для .active {color: gold;} + там же переименовываем ".item a" просто в ".item"
тоже можно заменить на просто , от класснэйма тут толку не будет
благодарю!
помогло, но только с чем это может быть связано(что не работало)? P.S. у меня VS CODE
@@adambenson5098 новая версия (6) реакт роут дома имеет новый синтаксис
А что такое navData? И откуда она берется?
@@miraigrafit7865 Медведь ответь )
Эта песня с заставки врезается в память пробивая себе путь мечами
А слышал песенку с курса 'js с нуля, ну ваще с нуля'?
Все получилось. Хорошо, что люди комменты оставляют, а то в 2023 году есть изменения.
Мне кажется, что "дизы" какие-то косоглазые ставят, которые в "палец вверх" попасть не могут. Димыч как всегда на уровне. Шикардос)
Это продавцы платных курсов по Реакту =)
@@neverborin например HTML Academy, оч хриновая канторка, зато очень раскрученные!!
@@neverborin хотя и сами тут нибось учатся )
@@supitacantora413 у них тренажеры норм . Многое понятнее стало только там . А так везде дерьмище тоже самое . попал на гикбрейнсе на лектора который заикался и еще связь плохая была.....лучше бы димычу эти 17 тыщ отдал
Дизы тоже вроде хорошо, ютуб активность по модулю смотрит, ему лишь бы кликали
Дмитрий и правда крут. (коменты тоже вроде за клики идут)
Можно еще задать через псевдокласс Focus (Определяет стиль для элемента получающего фокус)
.item a:focus {
color: gold;
}
спасибо, это css, тоже работает
Так даже проще. Спасибо!
Мы в 2020 году: чувство, что ты смотришь топовый сериал, который уже вышел полностью год назад, поэтому ты залипаешь сутками, смотришь по 20 серий в день)
какие успехи?
@@Itpedie я пока работать не спешу идти, хотя мог бы пойти, так как знаю nodejs, reactjs, typescript. Изначально пришёл программировать, чтобы делать свои проекты))) Сейчас учу вообще ретушь в фотошопе. Хочу найти парт-тайм-джоб чтобы было время на эти свои проекты))) разрываюсь между фотошопом и программированием покамест) решил год ещё поэкспериментировать
По 20 серий? Ты хоть что то понимал или успевал за ним?😄
Топ,лучший,встречу в Минске проставлю пивас))
🙏😂 спасибо))
)) Моя девушка с подружкой встретят в Киеве, поставят пивас))
@@ITKAMASUTRA Встречу в Кракове, накрою стол)
Я уже третий день хожу как зомби из-за недосыпа, причиной которому являются твои курсы) Спасибо ещё раз!
Встречу в Памплоне, проведу ховинчо (это когда по барам ходят и пиво/вино пьют)!
встречу в Москве , Дагестанским хинкалом угощу )
Чувствуется уже мощность Реакта )) Супер !!!
Но многое ещё впереди, по-моему
Пройдя за пол года HTML CSS JS, наверное базу, и взявшись за React я неделю искал курсы чтоб хоть что то понять, и думал уже что это мб не мое... но где то увидел комментарий, про этот канал, зашел, и тут все так разжевывают, что даже не передать той радости когда ты начинаешь что то понимать, и то чувство в груди, которое даже не описать, когда ты хочешь смотреть дальше, и это так интересно и легко, дальше будет сложнее, но блин, так преподнести базу для новичка, что то новое всегда надо так преподносить, этот склад ума как у Димыча, это редкий дар, или наработанный путем длительного опыта в сфере преподавания, опять же ОПЫТ, чувство к мелочам и умение проводить так аналогии чтобы даже самый ленивый или самый прямой склад ума мог понять и осознать как все работает изнутри. Важно чтобы каждый из нас подчерпнул себе не только знания которые дает нам автор этого канала, но и человеческие качества которые есть у него. Желаю Димычу чтобы он получал по заслугам :) в прямом смысле крч
Дімич дякую! ПРивіт зі Львова!
2022. Спасибо большое!
Очень грустно, что часть видео из-за нововведений становится неактуальной. И огромное спасибо людям в комментариях, которые помогают увидеть изменения
всм не актуальными, как знания конкретной технологии, ее принципы и паттерны становятся не актуальными если меняются пару букв в названии методов
Добрый вечер
Плюсую автору комментария, а ко второму автору вопрос - что такое всм?
@@Gazovchik слово такое
@@Gazovchik "всмысле"
@@Александрраз-н8ф ,
Ясненько
Спасибо
Первый канал на ютубе, где я сначала ставлю лайк, а потом уже смотрю видео (могу забыть, так как лечу дальше!)
ааааа я в транспорте поймал себя на том что читая про js напевал эту песню. Спасибо за уроки.
Для тех, у кого проблема с activeClassName. Сейчас такого атрибута нет.
Делается так:
className={({ isActive }) =>(isActive ? (s.activated) : "")}
вжух вжух вжух - нормальные, адекватные, полезные, разработчики) Спасибо!
Кабзда как важно!!
2023. Спасибо большое!
Да, плохо, что разработчики модулей (react-router-dom - версии 6+ ) меняют синтаксис когда и как хотят.... (поэтому я люблю Чистый JS)
Спасибо добрым людям в комментариях, которые помогают увидеть изменения и показывают, что посмотреть, что почитать.
Было бы круто, если бы Вы добавили дополнительные видео с изменениями в синтаксисе в этом проекте по состоянию на текущий момент-2023. Еще раз благодарю за науку.
Твой курс заходит на ура. Спасибо сенсэй!
Шух шух шух шух)))
отличный курс, сложное становится понятным)) Версии меняются, но это только помогает закреплять материал. У меня NavLink такой получился:
isActive ? `${s.active} ${s.navListLink}` : s.navListLink}
to="/profile">Profile
`${s.active} ${s.navListLink}` - шаблонная строка с составным селектором, что бы применялись значения двух классов
NavLink - на стероидах
Лайкаю до начала просмотра, чтобы не забыть, так что пишу в начале просмотра, потом после еще напишу))
Спасибо, Денис!!!!
тоже самое
Діма, дякую тобі за відео уроки. Ти кращий!
Уроки просто класс, а в свете апдэйтов Реакта настоящая камасутра, и смысл не просто скопировать код из комментариев, а добраться до ответа почему же так! И огромное спасибо тем, кто скидывает дополнительный материал по изменениям в React!!!
Добрый вечер
++
Самый лучший курс по React на ютубе
Что за праздник , каждый день по выпуск! Лайк!))
Реаль надо надо пересматривать ролики с промежутком во времени. Абсолютное иное понимание доходит)
по второму разу смотрю, на реальных проектах полезно вспомнить. Спасибо, что так подробно всё :)
У кого не работают ссылки в 2022 Я делал так:
в верху Navbar.jsx создал константу: const setActive = ({isActive}) => isActive ? s.activeLink : '';
а в ссылки добавил следующее: Profile
в css добавьте - a.activeLink {
color: gold;}
Все работает)
activeClassName={s.active}
Кучу уроков везде просмотрел, про такую фишку никто пока не рассказывал. Круто, спасибо!
май 2023
.item a:active,
.item a:focus {
color: gold;
}
Просто добавляем стиль при активной ссылке и фокусе.
Зачем усложнять тернарным оператором и лишними выражениями?
рил
прекрасно!
спасибо
Відео курс крутий) Дякую)
до слова про activeClassName, щоб не створювати клас activeLink можна використати псевдокласс :focus для тега
Просмотрел 20 уроков! Спасибо! Собираюсь посмотреть все. Рад, что в последних уроках стало больше нового материала!
Thanks people who writes changes for React in 2022!
Смотрю данный курс в 2022, МЕГАКРУТО, Спасибо большое автору, а также отдельное спасибо тем людям в комментах, которые выкладывают код с учетом обновления React и всего прочего )))
На данный момент на 09-10-22 самый изящный способ сделать так, что бы наши ссылки были активны, следующий:
navData.isActive? s.activeLink: s.item}> Profile
соответственно в вашем Css модуле должно быть прописаны правила:
.item a {
color: white
};
.item a.activeLink {
color: gold
};
Не благодарите :)
Спасибо большое)
@@kwonemusicкак сам?
@@Думайчеловек Учу как видишь)
@@Думайчеловек ты как?
@@kwonemusic норм иду на 34 урок
.item:hover, .item:active, .item:focus {
color: thistle;
}
для тех кто устал мазгой шпилиться, воспользуйтесь просто прелестями CSS, чтобы при активе и фокусе надпись меняла цвет
Привет, слушай, нужна небольшая помощь по реакту, есть ли время для связи?
ты чудо!
работает, спасибо!
Я возможно буду в этом курсе часто оставлять комментарии хотя я не любитель этого, но видосы Димыча будто просят оставить положительный коммент. Курс нацелен на людей которые изучают Front-end от силы месяца 3, поэтому советы которые говорит Димыч очень полезные. От себя могу добавить что на его видосы в день можно тратить не больше 4-х часов, да так будет дольше, но я вас уверяю так вы намного лучше выучите. Я когда начинал тратил по 8+ часов на теорию и думал, что очень много выучил, но нет на следующий день всё забывал, а когда понемногу то вы всё запомните. Также конспект очень важная вещь и помощник тем кто только начинает, я хоть в этом и не нуждаюсь но делаю, потому что так легче запомнить. Также не надо забывать про отдых иначе вы вообще ничего не выучите, мой вам совет и график это 2 часа посмотрели потыкали и потом часик отдыха, чтобы голова полностью остыла и потом снова 2 часа также. Кто может больше делайте больше, но не рекомендую тратить на теорию больше 6-ти часов, даже после 5.5 вы уже ничего нормально воспринимать не будете. Авторы респект за то что так хорошо объясняет, жаль что мало у меня знакомых в вебе, но Димыч заполняет эту пустоту. Огромное спасибо ему, а всем кто проходит курс рекомендую рассмотреть данный график, он на первый взгляд плохой, но когда это дойдёт до автомата то ваш организм начнёт лучше всё запоминать и вы таким образом тратя меньше времени в день будете получать намного больше пользы чем когда 8 часов долбить это
Велика подяка за урок!
Ты действительно красавец, большая тебе благодарность за контент!
Такой позитивный человек, спасибо за труд)
Первый канал на котором я лайкаю каждое видео, спасибо тебе огромное!
С первого видеоурока веду конспект, без него ничего в памяти не остается :D Спасибо!
Конспект - мастхэв! Молодец
Топим дальше!!)))
Димыч то что нужно было !
Блин,ребят..это первый курс в инете по айтишке, который усваивается практически с первого раза!
Димыч - человечище!!!! Красавчик. Благодаря первым, примерно, 30 урокам сделал тестовое при устройстве на работу. Успешно принят на должность джуниора фронтэндера. СПАСИБИЩЕ за твой труд! Все благодаря твоим урокам. Бомби дальше!
Блин я из за тебя ночами не сплю) Невозможно оторваться))) Спасибо дружище!
смотрю запоем, как когда-то "Во все тяжкие" спасибо за курс)
У кого белый экран, мне помогло переимена Link на NavLink (как на видео), также сам сервер бывает просто вырубается, не забывайте проверять его работу)
Урок просто посмотрел, а остальное сам делал т.к. на данный момент уже используется 6 версия роутера.
P.S. пример рабочего кода
isActive ? `${classes.activeLink}` : `${classes.item}`}
>Settings
спасибо, помог
Большое спасибо! ^^
Огромное спасибо
ya razobralas! vse kruto realno!
Ну всё, Димыч, приехали) То есть предыдущие уроки - скорость света, этот урок аж подустал ковырятся в документации по технологии в которой пока ноль. Благодарю за курс, в 2022 он усложняется. Теперь код не работает, и нужно искать уже с 20 урока настоящие решения. Такой путь самурая превратился в реальный ПУТЬ САМУРАЯ 1.2! НО не кабзда как просто.. ой не кабзда)))
Кабзда, какая заморочь смотреть это в 2022! :)
а ты нашел как правильно писать код если да то скинь ссылку плиз
@@lovefliymon9912 Короче удаляют мой коммент(это знаки для меня, значит ссылка не уместна). Наверное я отправляю тебе ссылку, которая не имеет смысла на данном этапе, и немного подумавши я точно понимаю что мой код не смахивает на правильный так как я просто учился и пробовал. Поэтому что ты подразумеваешь под правильным кодом? По той ссылке ты можешь найти рабочее что-то или подсмотреть как я обошел эту проблему, но за год там должно быть много чего поменялось, поэтому я думаю что мой код тоже уже не актуален, нужно смотреть на документацию и спрашивать тех кто с этим сейчас работает. В общем успехов брат.
Всё Отлично! Всё Понял. Иду Вперёд по Пути самурая!
иншалах у меня всё получится
ура, я прошла 20 уроков!
Спасибо, как всегда видео топ!
Про конспект ты прав, нужное дело!
Как же я кайфую от таких мелочей.
.item{
color: white;
}
.item:focus{
color: rgb(22, 22, 22);
}
можете не менять даже jsx, в css уже есть такое свойство
только надо написать focus работает одинаково
Спасибо тебе большое
Спасибо, спасли!
в ноябре 2023, чтобы активная ссылка отличалась по цвету в css надо использовать
.nav a:focus {
color: red;
}
без всяких проверок в js и прописывания правил в css
Спасибо, классно! Решила переквалифицироваться с бэкенда на фронтенд, твои видео очень помогают! Всё так доходчиво и понятно, супер!
Почему решили из Бэка уйти?
и как?
Бусидо 54 передает привет! Летим дальше! Для активной ссылки в css нужно прописать следующее .item a:focus {color: #eae6e6; text-decoration: none; font-weight: bold; }
Спасибо за урок, Дмитрий! Приятно узнавать новое и понимать, что делаешь.
P.S. Если у кого скачет контент из-за полосы прокрутки, надо добавить для html следующие свойства:
html { width:100vw; overflow-x:hidden }
Отличный урок, рад открывать с каждым уроком прелести React!
Как же я доволен и благодарен тебе, Димыч, за уроки!
Вся верстка и js что я учил до это просто такая шелуха, а сейчас прям точно еду на крутой тачке и благодаря Димычу понимаю как она работает!
Этому видео пять лет, но катаны до сих пор острые
Смотрим, пилим, все получается!
всё понятно, спасибо)
коменты для продвижения периодично буду писать)
Продолжаю обучаться реакту и узнавать много нового именно от тебя. Спасибо тебе Дмитрий.
Ходил бродил, учил Ruby on rails, не доучил, учил js, та же история, как ты говорил плавал в бесконечном море базы,
Начал изучать по твоим видосам, порой ставлю на паузу и стараюсь сам наперёд что либо проставить и что либо сделать) Красава! Такую кладезь для себя в твоих уроках открыл.
как успехи?
Спасибо) Урок зашел легко) Летим дальше))
NavLink мега тема. Теперь мне все мои будущие сайты на Реакт хочется верстать)
Очень круто и понятно! Спасибо!
на здоровье
Молодец Димыч,специально делает ошибки, что бы та тема было понятнее для всех
Спасибо за курс. Когда слушаю твои разговорные видео, как например 17 видео из машины прям заряжаешь мотивацией учиться и помимо мотивации которая у меня и так есть. Ещё твоя добавляется и появляются силы ещё работать. Не знаю как ты так делаешь. Спасибо
Решая эти ошибки которые связаны с устаревшими фишками у реакта, хорошо прокачиваешься)))
Спасибо за видео
Ну что тут сказать, лайк + подписка, спасибо )
Красиво, спасибо. Летим дальше!!!
В 22году не работает activeClassName?
Необходимо заменить на:
className = { navData => navData.isActive ? s.active : s.item }
+ пишем правило в css:
.item a.active {color:gold};
спасибо, помогло!
Спасибо Димич, ты крут!!!
Димыч danke schön! Смотрим с Германии))
Спасибо. Уроки шикарные.
Все получилось! Ура! Конечно в 2022 году работает посредством функции. Спасибо Дмитрий!
И так, начинаю свой путь от домохозяйки знающей базовые основы JS до джуна ReactJS. Увидим на каком уроке, мне удастся устроиться на работу.
П.с. Буду писать этот пост под каждым видео.
БОМБИМ.
Привет! Как успехи? Может уже устроился?
Спасибо большое за уроки!!! Мне 11, но всё понятно. Класно объясняеш!!!
конспекты конечно хорошо но оказывается они отнимают много времени, я вот из будущего и Димыч делает остановочку каждых глав там и вспомню пред. уроки(Димыч лучший),
Димыч, у тебя хорошо получается. Без сценария, голый экспромт и всегда доступные объяснения. Красавчег!
Если используем className={({isActive}) => isActive ? classes.active : classes.item} , тo в модуле пишем
.item a {
color:white;
text-decoration: none ;
}
.item a.active {
color: gold ;
}
если не используем className, то в модуле пишем просто a:focus { color: gold;}
все четко и ясно! спасибо
у меня почему-то не заработал первый способ, но просто прописать фокус - прям топчик, работает без нареканий и гораздо проще. Спасибо!
Вот на 20 уроке я уже начинаю осознавать в чем кайф Реакта)) Спасибо огромное))) Я просто начинал писать приложение по старинке PHP + Jquery, но теперь прям думаю перепишу все на реакте... Только сначала доучимся))) + нужно понять как реакт взаимодействует с серверной частью БД и тп))) Дмитрий ОГРОМНЫЙ РЕСПЕКТ!
Спасибо! Всё круто!
ура, сайт работает как SPA) спасибо Димыч!)
опять крутяк!!!!спасибо!!
Февраль 2023 г реализовал isActive так :
1) создал выше ретурн функцию :
const setActive = ({isActive}: { isActive: boolean }) =>
isActive ? c.active : c.item; ( без типизации выдавало ошибку)
2)
Новый урок))))
May the Force be with you Master D !)
Спасибо большое за видео, пользовалась во вью роутером, но не понимала как работает, теперь понимаю! Класс
React, Redux я знать буду крутооооооо,
За֊это֊за֊это очень благодарнаааа 😂❤
Курс на 20% пройден. Бомбим дальше! 😎
удобно использовать NavLink для организации переходов по страницам в ReactJS, спасибо за урок!)
"Нормальными адекватными..." самураями!
It's cool man, Thanks)
Я делать начал так. Смотрю - пишу конспект, запоминаю что объясняешь. Потом сажусь и сам все делаю
Смотрю и конспектирую - 12 января 2021 года!