исследуй
проектируй
Улучшай

SPA есть Single Page Application - тип web- приложения, которое подгружает одну страницу, а затем меняет наполнение в зависимости от действий пользователя.
Штука в том, что страницы не перезагружаются, а подтягиваются нужные элементы.

Таким образом, SPA мы выбираем для продуктов, в которох пользователь подолгу взаимодействует с одной страницей. Например: почта, отзывы, маркетплейсы, видеоплатформы и так далее.

Под капотом

• HTML (HyperText Markup Language) отвечает за структуру страницы.
• CSS (Cascading Style Sheets) формирует дизайн сайта.
• JavaScript отвечает за передачу и обновление данных, именно JavaScript делает возможным серфинг пользователя по вкладкам без перезагрузки страниц.
  AJAX (Asynchronous JavaScript and XML) получает данные с сервера.
  фреймворки и библиотеки: React, Angular и Vue.js.

Плюсы

• Эффективная загрузка. Во время первого перехода на сайт-приложение все необходимые файлы загружаются сразу. Все действия пользователя обрабатываются быстро, поскольку данные уже в браузере.
• Меньше нагрузки на сервер. Запросы отправляются только для получения обновленных данных. Формат JSON.
• Поддержка офлайн-режима. Кеширование позволяет работать и без интернета. Через Servers Workers и другие методы.
• Мультиплатформенность. Что web, что мобильное приложение.

Минусы

• Зависимость от JavaScript - несовместимость в версиях.
• При первом старте может долго грузить (если канал узкий).
• Прожорлив до ресурсов на стороне клиента - всё в браузере.