AYDev.
AYDev.
  • Видео 2
  • Просмотров 20 849
Адаптивное БУРГЕР МЕНЮ в REACT JS (HTML, CSS MODULES)
В этом видео поделюсь с вами опытом создания адаптивного бургер меню, которое можно использовать при разработке абсолютно любого веб-сайта или приложения. Будем использовать библиотеку React, а также CSS modules.
💻 Ссылка на код в GitHub - github.com/Aleksegoist/burger-menu 💻
Просмотров: 8 831

Видео

Как разместить приложение React на GITHUB PAGES через Desktop gh-pages
Просмотров 12 тыс.2 года назад
В этом видео я расскажу, как сделать deploy React app на GitHub Pages, используя desktop версию GitHub. github,git,github desktop,gh-pages react,gh-pages,gh-pages deploy,github pages,github pages как создать,github pages react,gh-pages build,github desktop как пользоваться

Комментарии

  • @green_letsplay
    @green_letsplay 18 дней назад

    не работает

  • @ilnurakhmetzhanov7551
    @ilnurakhmetzhanov7551 21 день назад

    низкий поклон новичок в этом деле, сломал голову с ветками из другого туториала, а тут все прекрасно, по шагам спасибо

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

    Все круто, только шрифт увеличивай и погромче говори)

  • @dominickskidrow7869
    @dominickskidrow7869 2 месяца назад

    Сделал всё как на видео, белый экран, подождал больше часа, ничего не поменялось, нажал на F12, открыл исходный код в хроме, а там пишет "<noscript>You need to enable JavaScript to run this app.</noscript>" ошибок никаких не выдавало, Авторизация прошла успешно через Git. В чем может быть проблема ?, а JavaScript то включен 😐

  • @Helenochka47
    @Helenochka47 2 месяца назад

    супер!Спасибо

  • @user-vn3dh6gk4c
    @user-vn3dh6gk4c 4 месяца назад

    ты единственный из всех кто всё красиво и доступно по шагам всё показал. Благодарю. Ты супер!

  • @user-ke5fn6sm8u
    @user-ke5fn6sm8u 4 месяца назад

    смотрю у тебя 2 видоса только, но хочу тебя подбодрить, ты пойми что видосов годных мало, никто не хочет учить кого то бесплатно))) ты круто научил меня некоторым фишкам которые я не мог понять блин я реально радDDDD

  • @user-ke5fn6sm8u
    @user-ke5fn6sm8u 4 месяца назад

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

  • @namerrorone2890
    @namerrorone2890 5 месяцев назад

    это реально самый лучший видос на эту тему)

  • @user-fc5mg2tm7q
    @user-fc5mg2tm7q 5 месяцев назад

    Спасибо автору за труд, специально установил github десктоп, все получилось!

  • @RussellCrowe-rd5xi
    @RussellCrowe-rd5xi 6 месяцев назад

    Сяб, очень понятно все раскидал. И какие чмошники поставли дизы?

  • @dimaprytyka4953
    @dimaprytyka4953 6 месяцев назад

    Для раутов нужно еще настроить SPA, а то при переходе будет выдавать 404

  • @clarkkent9353
    @clarkkent9353 6 месяцев назад

    Хорошая инструкция. Спасибо

  • @jigullet
    @jigullet 7 месяцев назад

    Спасибо мэн, помогло.

  • @AnnabelleSwan
    @AnnabelleSwan 7 месяцев назад

    Спасибо Вам огромное! Вы такой молодец и такой спокойный. Все объяснили от и до... Очень Вам благодарна. Спасибо!!!! Продолжайте и дальше =)

  • @Fnderas
    @Fnderas 8 месяцев назад

    октябрь 2023, все работает. Спасибо тебе большое. PS github desctop не обязательно скачивать, можно ручками "git init", "git add .", "git commit -m "какой хочешь"", "git remote add origin путь к репозиторию", "git push -u origin master"

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

    Зачем так много воды?

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

    Здравствуйте, а как сделать чтоб меню также закрывалось по нажатии на какой то элемент самого меню?

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

      const closeMenu = () => { setNav(false); }; <a onClick={closemenu}></a>

  • @-LKRN
    @-LKRN 10 месяцев назад

    Очень понятно и быстро, большое тебе спасибо)

  • @ovpunx
    @ovpunx 10 месяцев назад

    Все равно открывается - Getting Started with Create React App 😓

  • @user-sz8jj1tv1y
    @user-sz8jj1tv1y 10 месяцев назад

    Вот это красиво объяснил!

  • @Liunamme
    @Liunamme 11 месяцев назад

    Лучший, спасибо, всё получилось))

  • @alikyurchenko2760
    @alikyurchenko2760 11 месяцев назад

    Ничего не работает, выдакт ошибку: The "paths[1]" argument must be of type string. Received undefined

  • @front-cat
    @front-cat 11 месяцев назад

    За тутор спасибо, но под эту мелодию в совокупности с монотонным голосом в сон клонит )))))

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

    Я сделал все как в видео но у меня почему то в итоге пустой div с классом root. Помогите мне пожалуйста решить проблему.

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

    Супер!!! Все получилось! Очень Вам спасибо! и +100тыс. к карме

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

    Здравствуйте скажите пожалуйста . мой React-приложение связан с Json-server , там хранятся весь мой контент (карточки ,картинки, название и т.д . Если я сделаю как на ролике мой React приложение будет отображаться полностью? Просто слышал что React-проекты которые связаны с Json нельзя запушить. ЖДу ответа

    • @AY-dev
      @AY-dev Год назад

      Добрый день! Не подскажу Вам, нужно пробовать, никогда не имел практики с Json-server

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

      @@AY-dev у вас видео на тему только если чисто React приложение? А если проект с react-routerDom ? Оно будет отображаться?

    • @SNSDfOu
      @SNSDfOu 10 месяцев назад

      @@indramenetil8619 only heroku

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

    Нахуя столько рекламы сувать.

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

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

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

    Левому уху очень понравилось

    • @makssaga
      @makssaga 11 месяцев назад

      vse verno

  • @user-jy8xx5ui6x
    @user-jy8xx5ui6x Год назад

    Изменилось ли что либо за 10 месяцев?

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

    Спасибо за туториал. Единственное в Type Script может ругаться на такую запись (из-за того что ClassName string а мы передаем массив) и лучше стили складывать через литерал `${style.menu} ${style.active}` а так контент отличный

    • @namerrorone2890
      @namerrorone2890 5 месяцев назад

      оо, крутой совет. да ты шаришь бро

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

    Спасибо друг)

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

    спасибо большое за вашу работу, прекрасное объяснение и действительно очень легкий способ!

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

    Скажите пожалуйста а на макбуке так же деплоить реакт приложуху?

    • @AY-dev
      @AY-dev Год назад

      На 100% ответить не могу, так как не имел практики с IOS. Знаю, что при работе с Git, существует немного разница в написании команд, но думаю, что с GH Pages должно быть так же, как и в винде. Попробуй, если у тебя Mac... напиши потом или получилось

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

      @@AY-dev ща попробуем)

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

    Огромнейшая благодарность за сэкономленые нервы😀

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

    Спасибо большое!. Сделал все по Вашему рецепту! Только хотелось бы узнать, как скрывать меню при нажатии на выбраный пункт, а не только при нажатии на крестик.

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

      на пункты меню можно поставить событие onClick аналогично с кликом на иконку открытия/закрытия меню

  • @user-mt4vq7iw7e
    @user-mt4vq7iw7e Год назад

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

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

    спасибо за контент

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

    Админ ты крут! Возьми меня в ученики

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

    из десятка вилео на youtube только тут доступно увидела как создать pages приложения React! Спасибо 😘

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

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

    • @morozov.code.youtube
      @morozov.code.youtube Год назад

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

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

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

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

    Спасибо большое)Помогло!

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

    где видео?

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

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

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

    огромное спасибо, долго ломал голову и не мог правильно выложить сайты в сеть, делал это через npm run build и пушил эту папку, столько мароки было но этот способ просто спас

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

    перехожу по ссылки - там белый экран ((, что делать?

    • @AY-dev
      @AY-dev Год назад

      Нужно немного подождать. Если всё правильно сделал, то должно работать

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

    друг ты волшебник

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

    Скажи пжлста почему не заработало? Навыдавало кучу ошибок в консоле net::ERR_ABORTED 404 Manifest: Line: 1, column: 1, Syntax error