Как на самом деле работает SSR в React (без фреймворков)

Описание: В этом видео мы обсудим и реализуем рендеринг на стороне сервера (SSR) в приложении React без использования каких-либо фреймворков, таких как Next.js или Remix. Мы создадим реальный пример с нуля, исправим ошибки и применим оптимизации для повышения производительности!

Что мы узнаем:
Подробное изучение API React, которые помогают нам с SSR
Понимание транспиляции, сборки и роли сборщика
Реальный пример приложения электронной коммерции
Повышение производительности приложения за счет добавления потоковой обработки с нуля.

00:00 Введение
01:38 Реализация SSR
05:10 Добавление renderToString
06:15 Исправление проблемы транспиляции
09:10 Добавление Bundler (ESBuild)
13:23 Включение сборки
20:06 Добавление потоковой передачи с нуля
41:42 Заключение

Лучшие вопросы для собеседований по фронтенду: https://devtools.tech/questions/all

Продвинутые задачи по программированию: https://app.codecrafters.io/join?via=...
Получите кредиты на 200 долларов от DigitalOcean: https://m.do.co/c/92467571c1e6

Попробуйте прямо сейчас, используя ссылки ниже

https://devtools.tech/questions/all

https://devtools.tech/list/all

Вы можете поддержать наш канал через:

https://rzp.io/l/support-devtools-tech
https://devtoolstech.gumroad.com/l/su...
https://www.buymeacoffee.com/yomeshgupta

************************************************************
Devtools Tech — это YouTube-канал, созданный в результате совместной работы инженеров-единомышленников с целью предоставления высококачественных бесплатных обучающих материалов по программированию. Мы твердо верим в обмен знаниями и легкий доступ к качественному контенту для всех. Поэтому этот канал — это попытка отблагодарить сообщество и шаг к реализации нашего убеждения: «Мы поднимаемся, помогая другим».

Вопросы для собеседования: https://devtools.tech/questions/all?r...
Ресурсы для собеседования: https://devtools.tech/resources/all?r...
Скрытая жемчужина: https://devtools.tech/crazyones

Члены команды:
Йомеш Гупта
Портфолио: https://yomeshgupta.com
LinkedIn:   / yomeshgupta  
Twitter:   / yomeshgupta  

#javascript #ai #web #frontend #interviewquestions #devtoolstech #code #programming #developement #devtoolstech #code
***********************************************************