Мобильное меню с бесконечной вложенностью на React и TypeScript

Поделиться
HTML-код
  • Опубликовано: 13 июн 2024
  • За 40 минут на React и TypeScript мы реализуем мобильное меню (burger / бургер), уровни и вложенность которого можно будет изменять на лету!
    ⚡ Мои курсы
    Бесплатный курс по flexbox: purpleschool.ru/course/flexbox
    Курс по React: purpleschool.ru/course/nextjs
    Все мои курсы: purpleschool.ru
    Курсы для тех, кто не из России: www.udemy.com/user/alariplay/
    Telegram канал с полезными советами: t.me/purple_code_channel
    Разделы видео:
    0:00 - Введение
    0:13 - Обзор макета
    1:14 - Обзор проекта
    3:38 - Реализация мобильного меню
    16:55 - Навигация в меню
    28:18 - Реализация динамических уровней
    46:30 - Заключение

Комментарии • 44

  • @ilyaprotsenko1023
    @ilyaprotsenko1023 Год назад +3

    Автор, спасибо за труд!)

  • @user-tj8yn5tl2h
    @user-tj8yn5tl2h Год назад +2

    В начале видео ожидаю реализацию рекурсивного компонента.

  • @Max.Kozlov
    @Max.Kozlov Год назад +2

    оооо 46 минут потрясного контента!

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

    Смотрим!

  • @user-kj9mm2gc3r
    @user-kj9mm2gc3r 8 месяцев назад

    спасибо очень полезное видео

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

    Антоха красавчик!

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

    один из самых толковых каналов по разработке. Спасибо отличный урок. Что думаете о vite вместо cra?

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

      Спасибо! Я детально его не тестировал, только читал, но может сделать видео на эту тему)

  • @user-tj8yn5tl2h
    @user-tj8yn5tl2h Год назад +2

    В конце видео в ожидании рекурсивного компонент расстроен. Рекурсивного компонента не увидел. Извините за критику меня.

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

    Интересная задача, сделаю сам а потом посмотрю решение)

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

      Правильный подход)

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

      @@PurpleSchool У меня вопрос, человек знакомый с реактом на react native пишет без особых проблем? или то отдельная категория человеков?
      Я только с вью знаком и думаю на реакт перейти и думаю сильно ли мне это надо

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

      Да, есть свои особенности раскладки компонент, так как нет CSS и взаимодействия с API. Но подход тот же.

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

    Расскажи про самые лучшие практики API

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

      Хорошая тема, закину на заметку.

  • @sartjhon3300
    @sartjhon3300 4 месяца назад

    какие же вырвиглазные кислотные цвета. это рабочий вариант или только для обучения?

    • @PurpleSchool
      @PurpleSchool  4 месяца назад

      Сейчас у себя другая тема, можно посмотреть видео про NVChad

    • @sartjhon3300
      @sartjhon3300 4 месяца назад

      @@PurpleSchool спасибо, гляну. но сейчас интересует как раз тема вложенных меню, и смотреть просто больно ))

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

    В идеале для того меню нужны хлебнык крошки

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

      Поддерживаю, можно добавить в верхней части вместо кнопки назад путь.

  • @user-kj9mm2gc3r
    @user-kj9mm2gc3r 8 месяцев назад

    жаль что нет кода под видео

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

    пишем height, говорим про ширину (:

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

    Ты сделал слайдер

  • @stasostrin47
    @stasostrin47 Год назад +3

    Фон говорит о том что автор просто блогер а не разраб ))

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

      ещё и видно что переписывает с другого монитора.

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

      с мерзкой дикцией))

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

      @@yadev3646 и такой типа англичанин.

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

      Интересно чем? 😂 Я вот люблю работать в VIM с полупрозрачным терминалом. И разработкой занимаюсь уже 13 лет.

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

      И конечно я подсматриваю в заметки на другом мониторе, так как иначе писал бы это не за 30 минут, а за час. Перед записью я пишу сначала проект, потом оптимизирую какие-то моменты и затем уже показываю вам. Я экономлю ваше время и стараюсь донести максимум пользы за минимальный промежуток времени.

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

    ужасная тема разработки)

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

      Сейчас перешел на one dark в neovim: ruclips.net/video/LKnuIazeiM4/видео.html

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

    Ужасный фон. Невнятное начало ролика. Ужасная дикция. Простите, но это провал. Хотя тема казалось бы интересная.
    P.S. Лучше я пойду к западным блогерам. Спасибо Яндексу за автоперевод.