Знакомство с MPA/SPA, SSR/CSR - отличия, недостатки, примеры реализации

• Видео предназначено для тех, кто работает с веб-приложениями или хочет познакомиться с ними.  

• Автор, Сергей Милодин, рассказывает о терминологии и различиях в веб-разработке.  

• Видео будет веселым и задорным, с мемами.  

• Все приложения построены по клиент-серверной архитектуре.  

• Клиенты стучатся на сервер за данными, сервер отвечает данными и ошибками.  

• Данные могут быть в формате JSON или HTML.  

• Рендеринг преобразует данные из машиночитаемого вида в человекочитаемый.  

• Рендеринг может происходить на сервере или клиенте.  

• Пример: серверный рендеринг возвращает HTML, клиентский рендеринг возвращает JSON.  

• Клиентский рендеринг позволяет адаптировать данные для разных платформ.  

• Программный интерфейс API возвращает данные в машиночитаемом виде.  

• Клиенты сами решают, как показывать данные.  

• Пример серверного рендеринга: HTML возвращается при каждом запросе.  

• Пример клиентского рендеринга: данные возвращаются в формате JSON, клиент обрабатывает данные.  

• Многостраничные приложения MPA и одностраничные SPA.  

• SPA позволяет изменять текущую страницу без перехода.  

• SPA и MPA могут сочетаться с разными видами рендеринга.  

• Многостраничное приложение с серверным рендерингом: каждый клик открывает новую страницу.  

• Одностраничное приложение с клиентским рендерингом: данные возвращаются в формате JSON.  

• Одностраничное приложение с серверным рендерингом: HTML возвращается без JavaScript.  

• Одностраничные приложения с клиентским рендерингом устойчивы к отключению интернета.  

• Проблемы с историей браузера и контекстом запросов.  

• Пример с оплатой: нельзя вернуться к предыдущему состоянию без последствий.  

• Реакт использует JavaScript для отрисовки всего приложения на клиенте.  

• При серверном рендеринге страницы могут работать без JavaScript.  

• Для анимации слайдеров можно использовать отдельный скрипт.  

• Клиентский рендеринг требует множества библиотек для имитации браузера и кэширования.  

• Дополнительные килобайты данных загружаются по сети.  

• Кэши на устройствах пользователей и фиксы багов сторонних библиотек.  

• Понимание терминов SPA, SSR и CSPR.  

• Различие между данными и их отображением.  

• Проблемы SPA и SSR, а также других подходов.  

• Видео ориентировано на широкий круг лиц, особенно веб-разработчиков.  

• Понимание работы продукта важно для качественной работы.  

• Притча о священнике и монахине подчеркивает важность знания темы.  

• Разбирайтесь в своей теме, чтобы не упустить возможности.  

• Полезные ссылки и исходники на GitHub в описании под видео.  

• Подписывайтесь на канал и оставляйте комментарии.