Роутинг на React. SPA и MPA на примерах 

У кого ошибка, появилась новая 6 версия Роутера. 1.Вместо Switch будет Routes 2.Вместо component будет element 3. component = "about" 👉 element = {} 4. import {BrowserRouter , Router, Routes, Link} from "react-router-dom".

Стоит уточнить, что тип приложения (MPA или SPA) определяется не использованием Link и href, а конфигурацией сервера и формированием шаблонов. На видео, несмотря на то, что при использовании href страница перезагружается, есть один хтмл файл, разметка в котором формируется с помощью жаваскрипт в зависимости от адресной строки - это всё ещё SPA. В таком случае сервер на любой запрос (/about, /users и пр.) отдаёт один и тот же index.html, содержимое которого управляется жс'ом. В MPA же на каждый роут (/about, /users и пр.) сервер отдаёт разные хтмлки (about.html, users.html), содержимое которых сгенерировано самим сервером. Реакт, к слову, можно использовать не только для SPA приложений, но и встраивать в MPA сайты. Это может быть удобно, если требуется много работы с DOM'ом (конфигуратор заказа, где на каждый клик нужно что-то отображать или скрывать) и/или состоянием (валидация больших форм).

Жду уроки также и по Redux от тебя,ты очень хорошо объясняешь)

Спасибо вам огромное! За ваш труд! За ваши старания! И конечно же за ваши знания!) Успеха удачи вдохновения и сил!)

при введені неправильної адреси не виводився компонент Error. Рішенням стало додавання path="*" (обробляє всі маршрути, які не співпадають з вище перечисленими)

Шел 2024 год, я спасалась этим видео 🦝

Дякую за цікаве та корисне відео, так тримати

Ребята, у кого проблемы из за устаревшего синтаксиса, посмотрите видео в этом же плейлисте под номером 19. Там Алекс все объясняет)

Спасибо большое! помогло решить проблему

просто лучший!

Спасибо!

Спасибо!!

Спасибо

Спасибо! помогли очень с роутингом!

klass

Дякую

Подскажите, пожалуйста, для чего Route в MPA? В SPA - понятно, мы подгружаем компонент без перезагрузки с помощью Route. А в MPA при клике по ссылке мы все равно делаем переход на страницу, так зачем нам нужен Route?

Не актуально, ошибка (imported as 'Switch') was not found in 'react-router-dom'

почему сделано через href? страница ж будет перезагружается

не треба копіювати файли компонентів, так дійно можна заплутатись, достатньо створити файл з іменем і скористатись Emmet - rfce, rafce

Мне кажется новички не сразу поймут этот урок

Привет Александр ! Удачи вам и процветанию вашему каналу!! Хотел спросить: какой из них выбрать Django или Nodejs для бекэнд разработку?

Чем дальше в React тем меньше комментариев.😁

Знания Java Script 2.0 не особо то и помогают мне в понимании этой темы. :)

При просмотре видео повторял у себя весь код за Александром, но по какой-то причине у меня навигация для MPA не работает) Постоянно ошибка Cannot GET. Зато вариант с использованием Link для SPA работает без проблем. (Код точно такой же, как в видео)

А вместо я использовал Link: Alexander Julia Dmitry Так как в 6 версии не подтягивается useRouteMatch Кто знает на сколько правильно?

Первый

Я немного не понял через это SPA или MPA??

+

норм, норм)

15:05

Очень крутое обьеснение, спасибо. Но возникает вопрос, а зачем все это уродство 'React' нужно? Можно же нормально на Node + Express или PHP все это нормально сделать? Я смысла в использовании React невижу. И чего все им так бредят?

+++