Встречается на собеседованиях • сегодня

Какие знаешь способы решения SSR

SSR (Server-Side Rendering) можно реализовать несколькими способами: 1. **Next.js** – фреймворк на React с встроенным SSR. Просто экспортируем `getServerSideProps`: ```jsx export async function getServerSideProps() { const res = await fetch('https://api.example.com/data'); const data = await res.json(); return { props: { data } }; } ``` 2. **Nuxt.js** – аналогичный фреймворк для Vue. Использует `asyncData`: ```js export default { async asyncData({ params }) { const post = await fetchPost(params.id); return { post }; } } ``` 3. **Ручная реализация** с Express и ReactDOMServer: ```js import { renderToString } from 'react-dom/server'; app.get('/', (req, res) => { const html = renderToString(); res.send(` ${html} `); }); ``` 4. **SSR-плагины** для сборщиков (Vite SSR, Webpack SSR Plugin). Ключевые моменты: гидратация на клиенте, обработка асинхронных данных, кеширование. Next.js/Nuxt.js – самые удобные варианты для production.
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы