Как создать React JS проект и загрузить его на Github Pages

Поделиться
HTML-код
  • Опубликовано: 29 сен 2024
  • Ссылка на исходники в Телеграм👉 t.me/tipichnyj...
    Создаем новый Github репозиторий, клонируем его на свой компьютер, разворачиваем create-react-app, собираем build, и загружаем его на Github Pages.
    • React JS | Формы
    • React JS | GSAP
    • React JS | Изображения...
    • React JS | Menu
    • React JS | Хуки
    • React JS | Полезные фишки
    • IT-ЛайфXаки

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

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

    зачем делать несколько веток? так только запутаешься....

  • @Ruslan-gm4im
    @Ruslan-gm4im 2 месяца назад

    Есть ли возможность загрузить проект если у тебя уже есть готовый? И как это сделать?

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

    Лучший гайд в рус. коммьюнити )

  • @НикитаАверьянов-е2ь
    @НикитаАверьянов-е2ь 4 месяца назад +2

    Спасибо за качественную и понятную подачу. Теперь всё ясно и понятно стало.

  • @Petrovi_-tv5et
    @Petrovi_-tv5et Месяц назад

    Видео топ !!!

  • @navruz24
    @navruz24 8 месяцев назад +2

    Спасибо, мужик!

  • @anatolysoloviev5522
    @anatolysoloviev5522 3 месяца назад +1

    Спасибо!

  • @ДмитрийНормов-ю6ц
    @ДмитрийНормов-ю6ц 4 месяца назад +1

    Для работы react-приложения должен быть установлен node.js.
    Разве на github-pages он установлен по дефолту?

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

      Привет. Для ReactJS разработки на компе нужен NodeJS. После сборки npm run build проект превращается в набор html js и css файлов. Их можно залить на любой веб сервер. Другое дело если проект на NextJS, тогда и для разработки и для работы на сервере нужен NodeJS.

    • @ДмитрийНормов-ю6ц
      @ДмитрийНормов-ю6ц 4 месяца назад

      @@tipichnyj_web_razrabotchik спасибо Типичному Разробу))) почему-то все, кто рассказывает как залить реакт-приложуху на github, не уточняют этого)))

  • @ДмитрийАнтонов-ц2у
    @ДмитрийАнтонов-ц2у Месяц назад

    Спасибо, за полезную информацию. И посмеяться от души успел и что-то новое узнать. Тяжело совместить всё это в одном ролике, но у тебя получилось...

  • @romanchernyshov2632
    @romanchernyshov2632 8 месяцев назад +1

    Спасибо братишка!)

  • @Ruslan-gm4im
    @Ruslan-gm4im 2 месяца назад

    Спасибо большое очень помогло!
    Несколько раз пересматривал чтобы все заработало

  • @HaykBarseghyan-x4n
    @HaykBarseghyan-x4n 6 месяцев назад

    Брат, реально спасибо, выручил

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

    Git git ура! add, comit 😊 Просто и полезно. Спасиб

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

    Спасибо, полезное видео

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

    а как решить вопрос если неодностраничный сайт, а у меня есть маршрутизация? React Router?

    • @tipichnyj_web_razrabotchik
      @tipichnyj_web_razrabotchik  6 месяцев назад +1

      Привет. Если сайт на React и он должен состоять из нескольких страниц, то используй router. В итоге получается одна SPA страница index.html, и на ней динамически сменяется контент в зависимости от адреса, например /home, /about, /contacts и т.д.

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

    То что я искал! Спасибо

  • @имяфамилия-м3й1ч
    @имяфамилия-м3й1ч 9 месяцев назад

    И все таки не работает. Гит открывает просто пустую страницу🙄 Может кто сталкивался с таким?

    • @tipichnyj_web_razrabotchik
      @tipichnyj_web_razrabotchik  9 месяцев назад +1

      Посмотри какие ссылки в этой пустой странице. В хроме нажми клавишу f12, откроется панель разработчика, первая вкладка, там вся структура страницы, ссылки типа

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

      ​@@tipichnyj_web_razrabotchikу меня там все верно,но все равно не работает

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

      Тоже самое, ты решил проблему?(

    • @имяфамилия-м3й1ч
      @имяфамилия-м3й1ч 8 месяцев назад

      @@alex_xplus7135 нет