SSR в React приложении - это просто / Зар Захаров (ZarMarathon)
Ғылым және технология
Мы на столько привыкли к SPA приложениям, что порой даже уже забыли как это было раньше. В своем докладе я хочу рассказать какие бывают приложения, зачем нам нужен SSR, что лучше самописный или уже готовый фреймворк типа Next.js, ну и конечно покажу как подключить SSR к своему приложению используя HAPI и handlebars.
Страница доклада на сайте:
devfest.omsk.community/SSR-Re...
DevFest Omsk 2021
23-24 октября, Омск
--------
Нашли ошибку в видео или опечатку в описании доклада? Пожалуйста, сообщите нам о ней по почте devfest@omsk.community.
Пікірлер: 24
спасибо, прекрасная лекция!
крутой) приятно было послушать) появилось общее понимание SSR
К сожалению, забыли упомянуть такую очень важную фишку, как в том же нексте, -- getServerSideProps, когда для какой-то отдельной странички нужны свои уникальные данные, а также динамический роутинг
Стоит немного дополнить. Например, в начале много говорится про перфоманс, разные метрики, но не показывается как из мерить и как не допустить деградацию, автоматикой. Не уделено внимания перфомансу в контексте самого SSR - думаю людям было бы интересны циферки. Есть некоторые проблемы в коде на слайдах, например в обработчике запроса идёт синхронное чтение из файла при каждом запросе. Не обсудили стриминг SSR. Но сама задача, сделать овервью, показать что база SSR понятная штука , по моему, решена хорошо. Наверное, всякие неудобные мелочи можно рассказать в докладе «SSR - это сложно» :)
@Alequez97
4 ай бұрын
Я не стану спорить хорошо или нет, у меня скорее вопрос зачем это настраивать и поддерживать самому? Если нам нужно оптимизация поисковой выдачи, то не проще для SSR взять готовое решение? Для самого реакта есть как миниму Next.js, есть обертка над Vue Nuxt, в которой это тоже идёт из коробки. Если на проекте разработчики помимо всех проблем будут ещё поддерживать сами свой сервер сайд рендеринг, то ИМХО, такой проект далеко не уедет. Это как пытаться написать свой веб-сервер, вместо того, чтобы взять готовый. В чем смысл всего этого? Просто потому что это интересно? Ну может быть, не спорю. Не знал, что реакт так может, но использовать в коммерческом проекте вряд-ли это стану
Зар, Нормас спич!
видел проект в котором с 2016 года сделно сср на экспрессе и ноде
У angular всё из коробки работает. Но в ру сегменте больше реакта, поэтому приходится работать с тем что есть.
23:28 по-моему там нужно гидрировать компонент а не пытаться руками закинуть его в рут, хотя видео старое так что хз какие тогда практики были
Интересно а 2 года назад разве некста еще не было?)
@de.andre_25
2 ай бұрын
на 32 минуте вспомнили
экспресс не надо поддерживать, ага :)
зачем все эти костыли если есть некст
А кого-то сюда получилось прикрутить redux?
Можно ссылку на github?
@AlexAlex-nh5mc
Жыл бұрын
Нашел в лекции)
@llwebstylell242
Жыл бұрын
@@AlexAlex-nh5mc скинь ссылку плиз
@AlexAlex-nh5mc
Жыл бұрын
@@llwebstylell242 Ссылки нельзя бросать. На 14-ой минуте найдешь Severenit/ssr
@llwebstylell242
Жыл бұрын
@@AlexAlex-nh5mc да я кстати нашёл, но там нет того кода что на видео, я хотел посмотреть как он импортирует App в node но там нету этого кода)
@AlexAlex-nh5mc
Жыл бұрын
@@llwebstylell242 в ветке ssr найдете)
Короче, нихера это не просто
только ленивый не пинает "бедный" экспресс с его >28млн еженедельных скачиваний, и впереди 5-ая мажорная версия. Вы доку фастифая видели? Правильно, ее и нет по сути