Вопрос проверяет понимание необходимых серверных компонентов для реализации Server-Side Rendering (SSR) в React-приложениях.
Для реализации Server-Side Rendering (SSR) в React-приложении сервер должен уметь выполнять JavaScript-код компонентов и генерировать HTML. Обычно для этого используется Node.js с Express или другим фреймворком. Сервер должен обрабатывать входящие HTTP-запросы, определять, какой компонент отрендерить, и возвращать полный HTML-документ.
renderToString (синхронный) или renderToPipeableStream (потоковый).hydrateRoot вместо createRoot, чтобы React прикрепился к существующему HTML.import express from 'express';
import React from 'react';
import { renderToString } from 'react-dom/server';
import App from './App';
const app = express();
app.get('*', (req, res) => {
const html = renderToString(<App />);
res.send(`
<!DOCTYPE html>
<html>
<head><title>SSR App</title></head>
<body>
<div id="root">${html}</div>
<script src="/client.js"></script>
</body>
</html>
`);
});
app.listen(3000);SSR требует настройки сервера для выполнения React-кода и генерации HTML. Это улучшает SEO и время первого рендеринга, но увеличивает нагрузку на сервер. Применяется в проектах, где важна индексация поисковиками и быстрая загрузка контента.
Frontend developer
Ментор по Frontend
Полное сопровождение до оффера — без дорогих курсов, с оплатой после трудоустройства
Записаться на консультациюУровень
Рейтинг:
4
Сложность:
6
Навыки
React
Node.js
Ключевые слова
Подпишись на React Developer в телеграм
Frontend developer
Ментор по Frontend
Полное сопровождение до оффера — без дорогих курсов, с оплатой после трудоустройства
Записаться на консультацию