Уроки React JS - Роутинг. Маршрутизация и создание страниц сайта

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

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

  • @КрашеныйЛис
    @КрашеныйЛис Год назад +17

    В 6 версии роутера Switch переименовали в Routes, также в Route помимо пути (path) теперь надо писать element, который и будет принимать компонент для обработки. Выглядеть будет так:

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

      Думаю как раз для таких людей и существует рай, спасибо

    • @qwapple
      @qwapple 10 месяцев назад +1

      Легенда, спасибо

    • @nealme
      @nealme 4 месяца назад +1

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

    • @КрашеныйЛис
      @КрашеныйЛис 4 месяца назад

      @@nealme Можешь еще почитать варик конфигурации через createBrowserRouter, код более читабельный получается и можно роуты вынести в константу что бы не перегружать компонент

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

    Супер! Благодарю за уроки! ничего лишнего!

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

    Что делать, если при npm strat выдает ошибку Error: Cannot find module 'react'? И это внутри реакт-приложения, которое еще вчера нормально запускалось.

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

    а что в app нужно написать ?

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

    Вы же пишете с нуля проект ? Почему вы используете классовые компоненты. Уже давно все перешли на функциональные компоненты.

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

      кто перешел ?

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

      @@BogDemona Хуки

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

      А в чем разница

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

    Вопрос к опытным прогерам, что изучать для создания кросс платформенного приложения? Основная цель windows, android и web. Я так понимаю для этих целей лучше подойдёт react.js, nod.js и android studio или же react native или может что то другое? React насколько я понял не подходит для создания web приложения?

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

    Обозначая путь маршруту, регистр , я так понимаю, не имеет значения? В ссылке урл с маленькой буквы, а в маршруте, путь с большой.

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

    у вас еть индивидуальный занятия по js ?

  • @Тимуртм-б1м
    @Тимуртм-б1м 4 года назад

    Привет. Что сейчас лучше начинать учить после html/css ? никак не могу определится между js и python

    • @01kz80
      @01kz80 4 года назад

      Без js никак

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

      python

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

      @@hoopengotm4419 Нахера? Потом можно будет но без js некуда тем более без его фреймворков

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

      И я бы советовал изучить основные css frawork'и а также какой нибудь препроцесор для так сказать полного закрепления верстки

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

      js, python тебе может понадобится если уйдешь в сторону бекенда, но бекендеру не особо надо знать html и css, а js только на уровне запросов

  • @МунисМирзоев-к4ц
    @МунисМирзоев-к4ц 4 года назад

    Это завершенный плейлист или ещё добавят материал? Спрашиваю потому что хочу скачать

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

      Скачивать не надо, смотрите на ютубе

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

      @@SuprunAlexey аххахахахах

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

      LofectrStudio ор

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

    on Russian-speaking RUclips there is a super cool channel Onigiri

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

    как сделать так чтобы страницы были, а, в моём случае, header небыло?

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

      Hoopengo TM не понял вопроса

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

    Упустили важную вещь: маршрут с path="/" будет *всегда* соответствовать URL-адресу, потому что все URL-адреса начинаются с /
    Поэтому необходимо ставить его в последнюю очередь, иначе ничего работать не будет.

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

      Exact прописываешь и все

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

      @@Vampir21 Да, спасибо, уже понял. поторопился с выводами!

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

      А я- то думаю, ну почему не работает! Я расположил роуты по- другому и всегда на Home бросает! Спасибо!!!

  • @Користувачзаблокований

    В мене пише що Switch не знайдений у react-router-dom

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

    Объяснений по сути говоря ноль) вот почему контент на русском по программированию так мало людей смотрят

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

    Не получилось (((

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

    Покажи как сделать связку React и Apollo, очень нужно. Многие хотят посмотреть этот полезный урок.

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

      ты ника не успокоишся :)

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

      @@artemgoncharenko646 а тебе то что до моего спокойствия?

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

    Подскажите, а почему вы не работаете в какой-нибудь крупной компании?

  • @образомдуха
    @образомдуха 4 года назад

    Сделай ролик про vue native

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

    Как же тяжко всё это даётся после PHP и Apache с его .htaccess. Не покидает мысль - да нахрен это всё нужно?!!!

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

      Та тут все как бы легче

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

      @@SuprunAlexey Хотелось бы узнать как React можно с пыхом состыковать и в чём будут заключаться преимущества. Насколько я знаю Facebook на пыхе написан, а реакт его детище.

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

      @@SuprunAlexey тут какие-то костыли. Вот в Django маршрутизация гораздо лучше(да я понимаю что я сравниваю фронт и бэк, но это не имеет значения сейчас)

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

    На локальном это хорошо, но покажи как его залить на сайт.

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

      в инете поищи ._.

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

      1.в консоли --> yarn build
      2.в проекте будет новая папка --> build
      3.заливаешь эту папку на хостинг как обичний проект
      ;)

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

      @@vitektychowski5220 я сомневаюсь что без бэка кто-то будет делать :)

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

      @@monavixx почему бы и нет для портфолио например :)

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

      Кидай на GitHub свой проект (бэк, фронт, все конфиги и т. д., чтобы его можно было собрать на удалённом сервере), регистрируй аккаунт на Heroku (бесплатный хостинг для NodeJS приложений) и линкуй его со своим гитхабом. Сможешь работать на своём локальном ПК, пушить изменения на гитхаб и хироку через несколько секунд заберёт их и соберёт проект у себя. Это самый лёгкий способ, как по мне. Но можешь миновать гитхаб, подключаться через консоль напрямую к хироку, но это чуть сложнее и, по сути, нахуй не нужно, если учишься и делаешь проект для портфолио.

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

    Спасибо

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

    зачем переснимаешь?

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

    Nav, li и пр. надо прятать в отдельный компонент, чтобы рендер не был громоздким.

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

    Устарело! Не работает!