Как работает SPA? Роутинг на фронтенде. Компонетный подход (+ пишем свой роутер)

Привет, сегодня рассмотрим основные принципы SPA (отличие от MPA, компонентный подход), разберёмся с роутингом на фронтенде в двух его возможных вариантах и даже напишем свой простенький роутер.

Полезные ссылки:

Пример из ролика: https://github.com/kantegory/mentorin...
Вадим Макеев про Веб-компонетны:    • Декларативный Shadow DOM для изоляции...  
Презентация к ролику: https://t.me/davidobryakov/1005
Мой телеграм-канал: https://t.me/davidobryakov
Window Location API: https://developer.mozilla.org/en-US/d...
History API: https://developer.mozilla.org/ru/docs...
Vue: https://vuejs.org/v2/guide/
Vue Router: https://vuejs.org/v2/guide/routing.html


Таймкоды:

00:00 Вступление
00:33 Отличие SPA от MPA
04:19 Как работает роутинг на фронтенде
05:32 Два вида фронтенд-роутеров (+ пишем свой)
21:15 Компонентный подход
27:17 Что почитать?
28:07 Заключение