SSR в React приложении - это просто / Зар Захаров (ZarMarathon)
Vložit
- čas přidán 30. 12. 2021
- Мы на столько привыкли к SPA приложениям, что порой даже уже забыли как это было раньше. В своем докладе я хочу рассказать какие бывают приложения, зачем нам нужен SSR, что лучше самописный или уже готовый фреймворк типа Next.js, ну и конечно покажу как подключить SSR к своему приложению используя HAPI и handlebars.
Страница доклада на сайте:
devfest.omsk.community/SSR-Re...
DevFest Omsk 2021
23-24 октября, Омск
--------
Нашли ошибку в видео или опечатку в описании доклада? Пожалуйста, сообщите нам о ней по почте devfest@omsk.community. - Věda a technologie
спасибо, прекрасная лекция!
крутой) приятно было послушать) появилось общее понимание SSR
К сожалению, забыли упомянуть такую очень важную фишку, как в том же нексте, -- getServerSideProps, когда для какой-то отдельной странички нужны свои уникальные данные, а также динамический роутинг
Стоит немного дополнить. Например, в начале много говорится про перфоманс, разные метрики, но не показывается как из мерить и как не допустить деградацию, автоматикой.
Не уделено внимания перфомансу в контексте самого SSR - думаю людям было бы интересны циферки.
Есть некоторые проблемы в коде на слайдах, например в обработчике запроса идёт синхронное чтение из файла при каждом запросе.
Не обсудили стриминг SSR.
Но сама задача, сделать овервью, показать что база SSR понятная штука , по моему, решена хорошо. Наверное, всякие неудобные мелочи можно рассказать в докладе «SSR - это сложно» :)
Я не стану спорить хорошо или нет, у меня скорее вопрос зачем это настраивать и поддерживать самому? Если нам нужно оптимизация поисковой выдачи, то не проще для SSR взять готовое решение? Для самого реакта есть как миниму Next.js, есть обертка над Vue Nuxt, в которой это тоже идёт из коробки. Если на проекте разработчики помимо всех проблем будут ещё поддерживать сами свой сервер сайд рендеринг, то ИМХО, такой проект далеко не уедет. Это как пытаться написать свой веб-сервер, вместо того, чтобы взять готовый. В чем смысл всего этого? Просто потому что это интересно? Ну может быть, не спорю. Не знал, что реакт так может, но использовать в коммерческом проекте вряд-ли это стану
Зар, Нормас спич!
У angular всё из коробки работает. Но в ру сегменте больше реакта, поэтому приходится работать с тем что есть.
23:28 по-моему там нужно гидрировать компонент а не пытаться руками закинуть его в рут, хотя видео старое так что хз какие тогда практики были
видел проект в котором с 2016 года сделно сср на экспрессе и ноде
Интересно а 2 года назад разве некста еще не было?)
на 32 минуте вспомнили
зачем все эти костыли если есть некст
экспресс не надо поддерживать, ага :)
А кого-то сюда получилось прикрутить redux?
Можно ссылку на github?
Нашел в лекции)
@@AlexAlex-nh5mc скинь ссылку плиз
@@llwebstylell242 Ссылки нельзя бросать. На 14-ой минуте найдешь Severenit/ssr
@@AlexAlex-nh5mc да я кстати нашёл, но там нет того кода что на видео, я хотел посмотреть как он импортирует App в node но там нету этого кода)
@@llwebstylell242 в ветке ssr найдете)
Короче, нихера это не просто
только ленивый не пинает "бедный" экспресс с его >28млн еженедельных скачиваний, и впереди 5-ая мажорная версия. Вы доку фастифая видели? Правильно, ее и нет по сути