20. Уроки React JS (NavLink) - react курсы бесплатно

Поделиться
HTML-код
  • Опубликовано: 25 ноя 2024

Комментарии • 1,4 тыс.

  • @workworker1006
    @workworker1006 5 лет назад +511

    Красава!
    Первые курсы которые как наркотик хочется еще после каждого видоса!
    Чувак продолжай в том же духе..................

    • @ITKAMASUTRA
      @ITKAMASUTRA  5 лет назад +29

      Спасибо за сравнение)

    • @slaventiypchelkin4625
      @slaventiypchelkin4625 4 года назад +17

      Спустился по Вене на Reactивной лодке

    • @Drezerak
      @Drezerak 4 года назад +4

      Ты осторожней, а то его курсы запретят ещё!

    • @ЕвгенийМельников-е7у
      @ЕвгенийМельников-е7у 4 года назад +2

      @@Drezerak потому что это бомба)))

    • @_laled_3620
      @_laled_3620 4 года назад

      @@ITKAMASUTRA raect-router-dom обновили или чо, почему Route не срабатывает????

  • @Медведьвшапке-ь8з
    @Медведьвшапке-ь8з 3 года назад +680

    у кого в конце 21го не работает activeClassName - необходимо заменить на
    className = { navData => navData.isActive ? s.active : s.item }
    + пишем правило в css для .active {color: gold;} + там же переименовываем ".item a" просто в ".item"
    тоже можно заменить на просто , от класснэйма тут толку не будет

    • @nikolyovin
      @nikolyovin 3 года назад +4

      благодарю!

    • @adambenson5098
      @adambenson5098 3 года назад +3

      помогло, но только с чем это может быть связано(что не работало)? P.S. у меня VS CODE

    • @Медведьвшапке-ь8з
      @Медведьвшапке-ь8з 3 года назад +6

      @@adambenson5098 новая версия (6) реакт роут дома имеет новый синтаксис

    • @miraigrafit7865
      @miraigrafit7865 3 года назад +14

      А что такое navData? И откуда она берется?

    • @adambenson5098
      @adambenson5098 3 года назад +2

      @@miraigrafit7865 Медведь ответь )

  • @мда-л7н
    @мда-л7н 5 лет назад +62

    Эта песня с заставки врезается в память пробивая себе путь мечами

  • @Ангелина-ю5ц7м
    @Ангелина-ю5ц7м Год назад +4

    Все получилось. Хорошо, что люди комменты оставляют, а то в 2023 году есть изменения.

  • @denissemeniuchenko9722
    @denissemeniuchenko9722 5 лет назад +154

    Мне кажется, что "дизы" какие-то косоглазые ставят, которые в "палец вверх" попасть не могут. Димыч как всегда на уровне. Шикардос)

    • @neverborin
      @neverborin 4 года назад +31

      Это продавцы платных курсов по Реакту =)

    • @supitacantora413
      @supitacantora413 4 года назад +8

      @@neverborin например HTML Academy, оч хриновая канторка, зато очень раскрученные!!

    • @user-pd9no5ye5g
      @user-pd9no5ye5g 4 года назад +14

      @@neverborin хотя и сами тут нибось учатся )

    • @TheMalekula
      @TheMalekula 3 года назад +3

      @@supitacantora413 у них тренажеры норм . Многое понятнее стало только там . А так везде дерьмище тоже самое . попал на гикбрейнсе на лектора который заикался и еще связь плохая была.....лучше бы димычу эти 17 тыщ отдал

    • @Александр-ю7ж2я
      @Александр-ю7ж2я 3 года назад

      Дизы тоже вроде хорошо, ютуб активность по модулю смотрит, ему лишь бы кликали
      Дмитрий и правда крут. (коменты тоже вроде за клики идут)

  • @72_stroyka
    @72_stroyka 4 года назад +32

    Можно еще задать через псевдокласс Focus (Определяет стиль для элемента получающего фокус)
    .item a:focus {
    color: gold;
    }

    • @fortuna184
      @fortuna184 2 года назад

      спасибо, это css, тоже работает

    • @jeka_evgeniy
      @jeka_evgeniy 2 года назад

      Так даже проще. Спасибо!

  • @indigosay
    @indigosay 4 года назад +83

    Мы в 2020 году: чувство, что ты смотришь топовый сериал, который уже вышел полностью год назад, поэтому ты залипаешь сутками, смотришь по 20 серий в день)

    • @Itpedie
      @Itpedie 2 года назад

      какие успехи?

    • @indigosay
      @indigosay 2 года назад +3

      @@Itpedie я пока работать не спешу идти, хотя мог бы пойти, так как знаю nodejs, reactjs, typescript. Изначально пришёл программировать, чтобы делать свои проекты))) Сейчас учу вообще ретушь в фотошопе. Хочу найти парт-тайм-джоб чтобы было время на эти свои проекты))) разрываюсь между фотошопом и программированием покамест) решил год ещё поэкспериментировать

    • @arsshon6842
      @arsshon6842 2 года назад

      По 20 серий? Ты хоть что то понимал или успевал за ним?😄

  • @ravspn
    @ravspn 5 лет назад +132

    Топ,лучший,встречу в Минске проставлю пивас))

    • @ITKAMASUTRA
      @ITKAMASUTRA  5 лет назад +20

      🙏😂 спасибо))

    • @hennadiipetrov1967
      @hennadiipetrov1967 5 лет назад +9

      )) Моя девушка с подружкой встретят в Киеве, поставят пивас))

    • @eugenekuhot9320
      @eugenekuhot9320 4 года назад +9

      @@ITKAMASUTRA Встречу в Кракове, накрою стол)
      Я уже третий день хожу как зомби из-за недосыпа, причиной которому являются твои курсы) Спасибо ещё раз!

    • @maxkos6184
      @maxkos6184 4 года назад +1

      Встречу в Памплоне, проведу ховинчо (это когда по барам ходят и пиво/вино пьют)!

    • @Ибрагим-вввв09
      @Ибрагим-вввв09 4 года назад +4

      встречу в Москве , Дагестанским хинкалом угощу )

  • @random9823
    @random9823 5 лет назад +68

    Чувствуется уже мощность Реакта )) Супер !!!

    • @dizelvinable
      @dizelvinable 4 года назад

      Но многое ещё впереди, по-моему

  • @bessuka
    @bessuka 3 года назад +7

    Пройдя за пол года HTML CSS JS, наверное базу, и взявшись за React я неделю искал курсы чтоб хоть что то понять, и думал уже что это мб не мое... но где то увидел комментарий, про этот канал, зашел, и тут все так разжевывают, что даже не передать той радости когда ты начинаешь что то понимать, и то чувство в груди, которое даже не описать, когда ты хочешь смотреть дальше, и это так интересно и легко, дальше будет сложнее, но блин, так преподнести базу для новичка, что то новое всегда надо так преподносить, этот склад ума как у Димыча, это редкий дар, или наработанный путем длительного опыта в сфере преподавания, опять же ОПЫТ, чувство к мелочам и умение проводить так аналогии чтобы даже самый ленивый или самый прямой склад ума мог понять и осознать как все работает изнутри. Важно чтобы каждый из нас подчерпнул себе не только знания которые дает нам автор этого канала, но и человеческие качества которые есть у него. Желаю Димычу чтобы он получал по заслугам :) в прямом смысле крч

  • @sepyk
    @sepyk 4 года назад +5

    Дімич дякую! ПРивіт зі Львова!

  • @pashabezk
    @pashabezk 2 года назад +13

    2022. Спасибо большое!
    Очень грустно, что часть видео из-за нововведений становится неактуальной. И огромное спасибо людям в комментариях, которые помогают увидеть изменения

    • @teizer1122
      @teizer1122 2 года назад +2

      всм не актуальными, как знания конкретной технологии, ее принципы и паттерны становятся не актуальными если меняются пару букв в названии методов

    • @Gazovchik
      @Gazovchik 2 года назад +1

      Добрый вечер
      Плюсую автору комментария, а ко второму автору вопрос - что такое всм?

    • @teizer1122
      @teizer1122 2 года назад

      @@Gazovchik слово такое

    • @Александрраз-н8ф
      @Александрраз-н8ф Год назад

      @@Gazovchik "всмысле"

    • @Gazovchik
      @Gazovchik Год назад

      @@Александрраз-н8ф ,
      Ясненько
      Спасибо

  • @YevheniiPohribnyi-b9i
    @YevheniiPohribnyi-b9i 3 года назад

    Первый канал на ютубе, где я сначала ставлю лайк, а потом уже смотрю видео (могу забыть, так как лечу дальше!)

  • @firepixel9701
    @firepixel9701 5 лет назад +23

    ааааа я в транспорте поймал себя на том что читая про js напевал эту песню. Спасибо за уроки.

  • @MrGvd-i9k
    @MrGvd-i9k 2 года назад +2

    Для тех, у кого проблема с activeClassName. Сейчас такого атрибута нет.
    Делается так:
    className={({ isActive }) =>(isActive ? (s.activated) : "")}

  • @at3c863
    @at3c863 4 года назад +20

    вжух вжух вжух - нормальные, адекватные, полезные, разработчики) Спасибо!

    • @mk3mk3mk
      @mk3mk3mk 9 месяцев назад

      Кабзда как важно!!

  • @sergeypedko3883
    @sergeypedko3883 Год назад +1

    2023. Спасибо большое!
    Да, плохо, что разработчики модулей (react-router-dom - версии 6+ ) меняют синтаксис когда и как хотят.... (поэтому я люблю Чистый JS)
    Спасибо добрым людям в комментариях, которые помогают увидеть изменения и показывают, что посмотреть, что почитать.
    Было бы круто, если бы Вы добавили дополнительные видео с изменениями в синтаксисе в этом проекте по состоянию на текущий момент-2023. Еще раз благодарю за науку.

  • @ArtemSawatzki
    @ArtemSawatzki 5 лет назад +26

    Твой курс заходит на ура. Спасибо сенсэй!
    Шух шух шух шух)))

  • @AliaksandrSnipau
    @AliaksandrSnipau 2 года назад +2

    отличный курс, сложное становится понятным)) Версии меняются, но это только помогает закреплять материал. У меня NavLink такой получился:
    isActive ? `${s.active} ${s.navListLink}` : s.navListLink}
    to="/profile">Profile
    `${s.active} ${s.navListLink}` - шаблонная строка с составным селектором, что бы применялись значения двух классов

  • @mardershadow3965
    @mardershadow3965 Год назад +2

    NavLink - на стероидах

  • @ДенисКораблёв-г1т
    @ДенисКораблёв-г1т 5 лет назад +8

    Лайкаю до начала просмотра, чтобы не забыть, так что пишу в начале просмотра, потом после еще напишу))

  • @ikigai5097
    @ikigai5097 2 года назад +2

    Діма, дякую тобі за відео уроки. Ти кращий!

  • @СергейСергеевич-п3т
    @СергейСергеевич-п3т 2 года назад +11

    Уроки просто класс, а в свете апдэйтов Реакта настоящая камасутра, и смысл не просто скопировать код из комментариев, а добраться до ответа почему же так! И огромное спасибо тем, кто скидывает дополнительный материал по изменениям в React!!!

    • @Gazovchik
      @Gazovchik 2 года назад +1

      Добрый вечер
      ++

  • @wi4926
    @wi4926 2 года назад +1

    Самый лучший курс по React на ютубе

  • @3PuY
    @3PuY 5 лет назад +16

    Что за праздник , каждый день по выпуск! Лайк!))

  • @yaroslavzef7267
    @yaroslavzef7267 4 года назад

    Реаль надо надо пересматривать ролики с промежутком во времени. Абсолютное иное понимание доходит)

  • @ivstvl
    @ivstvl 5 лет назад +35

    по второму разу смотрю, на реальных проектах полезно вспомнить. Спасибо, что так подробно всё :)

  • @beon9901
    @beon9901 2 года назад +1

    У кого не работают ссылки в 2022 Я делал так:
    в верху Navbar.jsx создал константу: const setActive = ({isActive}) => isActive ? s.activeLink : '';
    а в ссылки добавил следующее: Profile
    в css добавьте - a.activeLink {
    color: gold;}
    Все работает)

  • @johnconnor9787
    @johnconnor9787 3 года назад

    activeClassName={s.active}
    Кучу уроков везде просмотрел, про такую фишку никто пока не рассказывал. Круто, спасибо!

  • @ТвояСовесть-з6б
    @ТвояСовесть-з6б Год назад +24

    май 2023
    .item a:active,
    .item a:focus {
    color: gold;
    }
    Просто добавляем стиль при активной ссылке и фокусе.
    Зачем усложнять тернарным оператором и лишними выражениями?

  • @god__help
    @god__help 3 года назад

    Відео курс крутий) Дякую)
    до слова про activeClassName, щоб не створювати клас activeLink можна використати псевдокласс :focus для тега

  • @slavasemushin
    @slavasemushin 5 лет назад +33

    Просмотрел 20 уроков! Спасибо! Собираюсь посмотреть все. Рад, что в последних уроках стало больше нового материала!

  • @paulradyna5079
    @paulradyna5079 2 года назад +1

    Thanks people who writes changes for React in 2022!

  • @АлексейСябро-л4л
    @АлексейСябро-л4л 2 года назад +6

    Смотрю данный курс в 2022, МЕГАКРУТО, Спасибо большое автору, а также отдельное спасибо тем людям в комментах, которые выкладывают код с учетом обновления React и всего прочего )))

  • @Думайчеловек
    @Думайчеловек 2 года назад +9

    На данный момент на 09-10-22 самый изящный способ сделать так, что бы наши ссылки были активны, следующий:
    navData.isActive? s.activeLink: s.item}> Profile
    соответственно в вашем Css модуле должно быть прописаны правила:
    .item a {
    color: white
    };
    .item a.activeLink {
    color: gold
    };
    Не благодарите :)

  • @bublikbublikovich2229
    @bublikbublikovich2229 2 года назад +2

    .item:hover, .item:active, .item:focus {
    color: thistle;
    }
    для тех кто устал мазгой шпилиться, воспользуйтесь просто прелестями CSS, чтобы при активе и фокусе надпись меняла цвет

    • @FlazersF
      @FlazersF 2 года назад

      Привет, слушай, нужна небольшая помощь по реакту, есть ли время для связи?

    • @СултанбиЖолдыбай
      @СултанбиЖолдыбай 2 года назад

      ты чудо!

    • @yurizhdanov
      @yurizhdanov 2 года назад

      работает, спасибо!

  • @Dmytro-cy3hy
    @Dmytro-cy3hy 2 года назад +5

    Я возможно буду в этом курсе часто оставлять комментарии хотя я не любитель этого, но видосы Димыча будто просят оставить положительный коммент. Курс нацелен на людей которые изучают Front-end от силы месяца 3, поэтому советы которые говорит Димыч очень полезные. От себя могу добавить что на его видосы в день можно тратить не больше 4-х часов, да так будет дольше, но я вас уверяю так вы намного лучше выучите. Я когда начинал тратил по 8+ часов на теорию и думал, что очень много выучил, но нет на следующий день всё забывал, а когда понемногу то вы всё запомните. Также конспект очень важная вещь и помощник тем кто только начинает, я хоть в этом и не нуждаюсь но делаю, потому что так легче запомнить. Также не надо забывать про отдых иначе вы вообще ничего не выучите, мой вам совет и график это 2 часа посмотрели потыкали и потом часик отдыха, чтобы голова полностью остыла и потом снова 2 часа также. Кто может больше делайте больше, но не рекомендую тратить на теорию больше 6-ти часов, даже после 5.5 вы уже ничего нормально воспринимать не будете. Авторы респект за то что так хорошо объясняет, жаль что мало у меня знакомых в вебе, но Димыч заполняет эту пустоту. Огромное спасибо ему, а всем кто проходит курс рекомендую рассмотреть данный график, он на первый взгляд плохой, но когда это дойдёт до автомата то ваш организм начнёт лучше всё запоминать и вы таким образом тратя меньше времени в день будете получать намного больше пользы чем когда 8 часов долбить это

  • @irbiskronos1710
    @irbiskronos1710 2 года назад +1

    Велика подяка за урок!

  • @whitesnow4985
    @whitesnow4985 3 года назад

    Ты действительно красавец, большая тебе благодарность за контент!

  • @ГерманГромов-ш4н
    @ГерманГромов-ш4н 5 лет назад +22

    Такой позитивный человек, спасибо за труд)

  • @stream_ua_language_JEX_UA
    @stream_ua_language_JEX_UA 4 года назад

    Первый канал на котором я лайкаю каждое видео, спасибо тебе огромное!

  • @robloru973
    @robloru973 5 лет назад +6

    С первого видеоурока веду конспект, без него ничего в памяти не остается :D Спасибо!

    • @ITKAMASUTRA
      @ITKAMASUTRA  5 лет назад +3

      Конспект - мастхэв! Молодец

  • @slavashensev6478
    @slavashensev6478 4 года назад +1

    Топим дальше!!)))

  • @МихаилКузнецов-м1э
    @МихаилКузнецов-м1э 5 лет назад +12

    Димыч то что нужно было !

  • @antonmorozov7350
    @antonmorozov7350 2 года назад

    Блин,ребят..это первый курс в инете по айтишке, который усваивается практически с первого раза!

  • @МаксимШвец-щ9э
    @МаксимШвец-щ9э 5 лет назад +5

    Димыч - человечище!!!! Красавчик. Благодаря первым, примерно, 30 урокам сделал тестовое при устройстве на работу. Успешно принят на должность джуниора фронтэндера. СПАСИБИЩЕ за твой труд! Все благодаря твоим урокам. Бомби дальше!

  • @Артем-ч7э9ъ
    @Артем-ч7э9ъ 3 года назад +2

    Блин я из за тебя ночами не сплю) Невозможно оторваться))) Спасибо дружище!

  • @user-pd9no5ye5g
    @user-pd9no5ye5g 4 года назад +5

    смотрю запоем, как когда-то "Во все тяжкие" спасибо за курс)

  • @beon9901
    @beon9901 2 года назад +1

    У кого белый экран, мне помогло переимена Link на NavLink (как на видео), также сам сервер бывает просто вырубается, не забывайте проверять его работу)

  • @RailGainetdinov
    @RailGainetdinov 2 года назад +5

    Урок просто посмотрел, а остальное сам делал т.к. на данный момент уже используется 6 версия роутера.
    P.S. пример рабочего кода
    isActive ? `${classes.activeLink}` : `${classes.item}`}
    >Settings

  • @AlexandraNicoleShin
    @AlexandraNicoleShin 3 года назад +1

    ya razobralas! vse kruto realno!

  • @arrowdev1042
    @arrowdev1042 2 года назад +7

    Ну всё, Димыч, приехали) То есть предыдущие уроки - скорость света, этот урок аж подустал ковырятся в документации по технологии в которой пока ноль. Благодарю за курс, в 2022 он усложняется. Теперь код не работает, и нужно искать уже с 20 урока настоящие решения. Такой путь самурая превратился в реальный ПУТЬ САМУРАЯ 1.2! НО не кабзда как просто.. ой не кабзда)))

    • @Anastasia_Kobalt
      @Anastasia_Kobalt 2 года назад

      Кабзда, какая заморочь смотреть это в 2022! :)

    • @lovefliymon9912
      @lovefliymon9912 2 года назад

      а ты нашел как правильно писать код если да то скинь ссылку плиз

    • @arrowdev1042
      @arrowdev1042 2 года назад

      @@lovefliymon9912 Короче удаляют мой коммент(это знаки для меня, значит ссылка не уместна). Наверное я отправляю тебе ссылку, которая не имеет смысла на данном этапе, и немного подумавши я точно понимаю что мой код не смахивает на правильный так как я просто учился и пробовал. Поэтому что ты подразумеваешь под правильным кодом? По той ссылке ты можешь найти рабочее что-то или подсмотреть как я обошел эту проблему, но за год там должно быть много чего поменялось, поэтому я думаю что мой код тоже уже не актуален, нужно смотреть на документацию и спрашивать тех кто с этим сейчас работает. В общем успехов брат.

  • @СвятославНемкович
    @СвятославНемкович 4 года назад

    Всё Отлично! Всё Понял. Иду Вперёд по Пути самурая!

  • @nurzatertugan1985
    @nurzatertugan1985 3 года назад +3

    иншалах у меня всё получится

  • @didikha
    @didikha Год назад +2

    ура, я прошла 20 уроков!

  • @ihorshylov8362
    @ihorshylov8362 5 лет назад +12

    Спасибо, как всегда видео топ!
    Про конспект ты прав, нужное дело!

  • @ВераБелова-у5я
    @ВераБелова-у5я 3 года назад

    Как же я кайфую от таких мелочей.

  • @СарварМахаматрахимов

    .item{
    color: white;
    }
    .item:focus{
    color: rgb(22, 22, 22);
    }
    можете не менять даже jsx, в css уже есть такое свойство
    только надо написать focus работает одинаково

    • @birmi
      @birmi 2 года назад

      Спасибо тебе большое

    • @nadinbacanova9021
      @nadinbacanova9021 2 года назад

      Спасибо, спасли!

  • @Eugene_VP
    @Eugene_VP Год назад +1

    в ноябре 2023, чтобы активная ссылка отличалась по цвету в css надо использовать
    .nav a:focus {
    color: red;
    }
    без всяких проверок в js и прописывания правил в css

  • @ЕленаНикифоренко-о3ж

    Спасибо, классно! Решила переквалифицироваться с бэкенда на фронтенд, твои видео очень помогают! Всё так доходчиво и понятно, супер!

    • @lemuriecnoname
      @lemuriecnoname 4 года назад +2

      Почему решили из Бэка уйти?

    • @johnyb8581
      @johnyb8581 3 года назад

      и как?

  • @sh0ny
    @sh0ny 2 года назад +2

    Бусидо 54 передает привет! Летим дальше! Для активной ссылки в css нужно прописать следующее .item a:focus {color: #eae6e6; text-decoration: none; font-weight: bold; }

  • @kubris.developer
    @kubris.developer 11 месяцев назад

    Спасибо за урок, Дмитрий! Приятно узнавать новое и понимать, что делаешь.
    P.S. Если у кого скачет контент из-за полосы прокрутки, надо добавить для html следующие свойства:
    html { width:100vw; overflow-x:hidden }

  • @vladpobidash
    @vladpobidash 4 года назад +3

    Отличный урок, рад открывать с каждым уроком прелести React!
    Как же я доволен и благодарен тебе, Димыч, за уроки!
    Вся верстка и js что я учил до это просто такая шелуха, а сейчас прям точно еду на крутой тачке и благодаря Димычу понимаю как она работает!

  • @utzoqiel8408
    @utzoqiel8408 Месяц назад

    Этому видео пять лет, но катаны до сих пор острые

  • @4press
    @4press 5 лет назад +4

    Смотрим, пилим, все получается!

  • @vladvoloshenko5701
    @vladvoloshenko5701 4 года назад

    всё понятно, спасибо)
    коменты для продвижения периодично буду писать)

  • @olegthesheriff
    @olegthesheriff 3 года назад +3

    Продолжаю обучаться реакту и узнавать много нового именно от тебя. Спасибо тебе Дмитрий.

  • @truehistory5383
    @truehistory5383 4 года назад +1

    Ходил бродил, учил Ruby on rails, не доучил, учил js, та же история, как ты говорил плавал в бесконечном море базы,
    Начал изучать по твоим видосам, порой ставлю на паузу и стараюсь сам наперёд что либо проставить и что либо сделать) Красава! Такую кладезь для себя в твоих уроках открыл.

  • @nehilspirit435
    @nehilspirit435 5 лет назад +7

    Спасибо) Урок зашел легко) Летим дальше))

  • @braivs
    @braivs 4 года назад

    NavLink мега тема. Теперь мне все мои будущие сайты на Реакт хочется верстать)

  • @КонстантинДмитриевич-ю8л

    Очень круто и понятно! Спасибо!

  • @sssattarov
    @sssattarov 3 года назад

    Молодец Димыч,специально делает ошибки, что бы та тема было понятнее для всех

  • @Abdul-hy4cy
    @Abdul-hy4cy 3 года назад +3

    Спасибо за курс. Когда слушаю твои разговорные видео, как например 17 видео из машины прям заряжаешь мотивацией учиться и помимо мотивации которая у меня и так есть. Ещё твоя добавляется и появляются силы ещё работать. Не знаю как ты так делаешь. Спасибо

  • @Obraveliss
    @Obraveliss 3 года назад +1

    Решая эти ошибки которые связаны с устаревшими фишками у реакта, хорошо прокачиваешься)))
    Спасибо за видео

  • @erythyl
    @erythyl 5 лет назад +7

    Ну что тут сказать, лайк + подписка, спасибо )

  • @tutejšy-bel
    @tutejšy-bel 3 года назад

    Красиво, спасибо. Летим дальше!!!

  • @dimitry5479
    @dimitry5479 2 года назад +9

    В 22году не работает activeClassName?
    Необходимо заменить на:
    className = { navData => navData.isActive ? s.active : s.item }
    + пишем правило в css:
    .item a.active {color:gold};

    • @white5096
      @white5096 2 года назад +2

      спасибо, помогло!

  • @antonbarbakov9848
    @antonbarbakov9848 5 лет назад +5

    Спасибо Димич, ты крут!!!

  • @vadymromanchuk9492
    @vadymromanchuk9492 3 года назад

    Димыч danke schön! Смотрим с Германии))

  • @vladimirm4074
    @vladimirm4074 5 лет назад +11

    Спасибо. Уроки шикарные.

  • @ВладимирАкинин-т1х
    @ВладимирАкинин-т1х 2 года назад

    Все получилось! Ура! Конечно в 2022 году работает посредством функции. Спасибо Дмитрий!

  • @paljm345
    @paljm345 3 года назад +4

    И так, начинаю свой путь от домохозяйки знающей базовые основы JS до джуна ReactJS. Увидим на каком уроке, мне удастся устроиться на работу.
    П.с. Буду писать этот пост под каждым видео.
    БОМБИМ.

    • @awesomeuser789
      @awesomeuser789 2 года назад

      Привет! Как успехи? Может уже устроился?

  • @feiylin
    @feiylin 4 года назад +2

    Спасибо большое за уроки!!! Мне 11, но всё понятно. Класно объясняеш!!!

  • @Hayabusa17
    @Hayabusa17 4 года назад +3

    конспекты конечно хорошо но оказывается они отнимают много времени, я вот из будущего и Димыч делает остановочку каждых глав там и вспомню пред. уроки(Димыч лучший),

  • @musicfortheears6471
    @musicfortheears6471 Год назад

    Димыч, у тебя хорошо получается. Без сценария, голый экспромт и всегда доступные объяснения. Красавчег!

  • @AisyluT
    @AisyluT 2 года назад +4

    Если используем 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;}

    • @Shimbato
      @Shimbato 2 года назад

      все четко и ясно! спасибо

    • @milenaevseeva1531
      @milenaevseeva1531 2 года назад

      у меня почему-то не заработал первый способ, но просто прописать фокус - прям топчик, работает без нареканий и гораздо проще. Спасибо!

  • @kitrouble
    @kitrouble 4 года назад +1

    Вот на 20 уроке я уже начинаю осознавать в чем кайф Реакта)) Спасибо огромное))) Я просто начинал писать приложение по старинке PHP + Jquery, но теперь прям думаю перепишу все на реакте... Только сначала доучимся))) + нужно понять как реакт взаимодействует с серверной частью БД и тп))) Дмитрий ОГРОМНЫЙ РЕСПЕКТ!

  • @Dozortsev
    @Dozortsev 5 лет назад +5

    Спасибо! Всё круто!

  • @АлексейЗавьялов-к7ю

    ура, сайт работает как SPA) спасибо Димыч!)

  • @viktorshatalov1920
    @viktorshatalov1920 5 лет назад +3

    опять крутяк!!!!спасибо!!

  • @RussianFrontend
    @RussianFrontend Год назад +2

    Февраль 2023 г реализовал isActive так :
    1) создал выше ретурн функцию :
    const setActive = ({isActive}: { isActive: boolean }) =>
    isActive ? c.active : c.item; ( без типизации выдавало ошибку)
    2)

  • @АндрейД-г8ф
    @АндрейД-г8ф 5 лет назад +12

    Новый урок))))

  • @mrchyt8861
    @mrchyt8861 4 года назад

    May the Force be with you Master D !)

  • @другМаша
    @другМаша 2 года назад

    Спасибо большое за видео, пользовалась во вью роутером, но не понимала как работает, теперь понимаю! Класс

  • @rozighazaryan5970
    @rozighazaryan5970 4 года назад +8

    React, Redux я знать буду крутооооооо,
    За֊это֊за֊это очень благодарнаааа 😂❤
    Курс на 20% пройден. Бомбим дальше! 😎

  • @ivanmiarkulau8320
    @ivanmiarkulau8320 3 года назад +1

    удобно использовать NavLink для организации переходов по страницам в ReactJS, спасибо за урок!)

  • @ihadcapitalizatorsmon
    @ihadcapitalizatorsmon 5 лет назад +10

    "Нормальными адекватными..." самураями!

  • @alexandrcaldare8379
    @alexandrcaldare8379 5 лет назад +4

    It's cool man, Thanks)

  • @YuryKaliankou
    @YuryKaliankou 5 лет назад +1

    Я делать начал так. Смотрю - пишу конспект, запоминаю что объясняешь. Потом сажусь и сам все делаю

  • @RUS4HELP
    @RUS4HELP 3 года назад

    Смотрю и конспектирую - 12 января 2021 года!