Знакомство с MPA/SPA, SSR/CSR - отличия, недостатки, примеры реализации
Ғылым және технология
Корректны ли сравнения "SSR и SPA"? Какие бывают виды веб-приложений? Как всё это реализовать самому? Обо всём этом я расскажу в данном видео и покажу на реальном коде.
00:00 Вводное слово
00:20 Знакомство
00:40 Тема разговора
00:53 Клиент и сервер
01:28 JSON и HTML
02:04 SSR и CSR
04:10 Пример реализации клиентского и серверного рендеринга
06:35 MPA и SPA
09:00 Пример реализации многостраничного и одностраничного приложения
12:58 Проблемы SPA + CSR
14:50 Итоги
15:42 Притча
16:41 Заключение
Полезные ссылки:
* Реализация MPA/SPA, SSR/CSR: vk.cc/c6r72c
* Про статический рендеринг: vk.cc/c6r6mC
* Стать крутым разработчиком: hexlet.io/programs/frontend
Пікірлер: 14
Очень познавательно!
Анекдот зачет😂😂😂
за притчу лайк
Вроде, норм. Спасибо. Легко зашло (информация в головной мозг, путем вербального и визуального сообщения).
Записал ссылочку на этот видос в гугл календарь)
Интересно чем скаблили єти рисунки.. и горшки тоже интересно розглядать.. общежитие какое то, а справа вверху ступени нарисовано
Можно же сделать SPA с рендерингом первого экрана, дозагрузкой всех нужных шаблонов, менять урлы, и будет работать все как надо в истории. Или я что-то пропустил и вы это говорили.
@samelodyn
2 жыл бұрын
Это история про роутинг, который надо реализовать на клиенте самостоятельно или сторонними библиотеками. Само по себе одностраничное приложение не будет сохранять историю переходов по страницам, потому что страница одна :)
Как у вас может быть SPA + SSR если когда вы переходите по ссылке страница обновляется? SPA значит что сколько ты не гуляй по сайту или приложении страница не будет обновлена
@samelodyn
Жыл бұрын
SPA - это именно одностраничное приложение, где не меняется url, но могут меняться данные. Статичный сайт вообще без функционала - тоже вполне себе SPA. Собственно, регидратация, к которой пришли современные приложения и северный рендеринг реакта - это зачастую и есть SPA + SSR.
@samelodyn
Жыл бұрын
Отвяжитесь от идеи, что *PA и *SR связаны :) Если сервер вернул готовое view, то это SSR. Если клиент сам сделал view, то это CSR. А в какой *PA-архитектуре оно используется - это уже следующий вопрос. И если есть задача скрестить ежа с ужом, то разработчики могут это сделать..
привет абракадабра
Знаю это болото! Вместо помощи, от этих уродов сыпались одни оскорбления, мол я слишком активно задаю вопросы. Их главный подключился к буденгу. Хотите бабки потерять - идите в хекслет.