Домен
Frontend Development
Профиль навыка
Hydration, streaming SSR, edge rendering, islands architecture, partial hydration
Ролей
5
где встречается этот навык
Грейдов
5
сформированная дорожка роста
Обязательных требований
25
ещё 0 — необязательные
Frontend Development
Frontend-архитектура
17.03.2026
Выберите текущий грейд и сравните ожидания. Карточки ниже покажут, что нужно закрыть для следующего уровня.
Таблица показывает, как меняется глубина владения навыком от Junior до Principal.
| Роль | Обязательность | Описание |
|---|---|---|
| Frontend Developer (Angular) | Обязателен | Понимает концепции SSR/SSG и их преимущества для Angular-приложений: SEO, First Contentful Paint. Знает о Angular Universal и базовой настройке серверного рендеринга через ng add @angular/ssr. |
| Frontend Developer (React) | Обязателен | Понимает разницу между SSR, SSG и CSR в контексте Next.js. Использует App Router для создания серверных и клиентских компонентов, применяет generateStaticParams для статической генерации, понимает директивы use client и use server. |
| Frontend Developer (Svelte) | Обязателен | Понимает разницу между SSR, SSG и CSR в SvelteKit, использует prerender: true для статических страниц. Работает с +page.server.js для серверного рендеринга, понимает гидратацию и передачу данных от сервера к клиенту через PageData. |
| Frontend Developer (Vue) | Обязателен | Понимает различия между SSR, SSG и CSR в контексте Nuxt 3. Настраивает базовый Nuxt-проект с выбранной стратегией рендеринга, использует routeRules для гибридного рендеринга отдельных страниц. |
| Fullstack Developer | Обязателен | Понимает концепции SSR и SSG в fullstack-разработке: разницу между серверным и клиентским рендерингом, гидратацию, статическую генерацию. Создаёт простые страницы с getServerSideProps/getStaticProps в Next.js, понимает когда какой подход уместен. |
| Роль | Обязательность | Описание |
|---|---|---|
| Frontend Developer (Angular) | Обязателен | Настраивает Angular Universal для SSR: серверные маршруты, TransferState для избежания дублирования запросов, обработка browser-only API через isPlatformBrowser, prerendering статических страниц через ng build --prerender. |
| Frontend Developer (React) | Обязателен | Реализует продвинутые рендеринг-паттерны в Next.js App Router: streaming SSR с Suspense, ISR с revalidate, параллельные и перехваченные маршруты. Оптимизирует TTFB через Server Components, настраивает кеширование данных и полных страниц. |
| Frontend Developer (Svelte) | Обязателен | Настраивает стратегии рендеринга в SvelteKit: SSR для динамических страниц, prerender для статических, CSR для SPA-секций. Использует adapter-static и adapter-node, реализует ISR-подобные паттерны через кэширование headers и invalidation. |
| Frontend Developer (Vue) | Обязателен | Реализует гибридный рендеринг в Nuxt 3 — ISR через routeRules, SWR-кэширование, prerendering статических страниц. Решает проблемы hydration mismatch, настраивает client-only и server-only компоненты. |
| Fullstack Developer | Обязателен | Самостоятельно реализует сложные UI-компоненты с SSR/SSG/ISR паттерны. Оптимизирует производительность рендеринга. Пишет тесты. Применяет для state management. |
| Роль | Обязательность | Описание |
|---|---|---|
| Frontend Developer (Angular) | Обязателен | Проектирует SSR-архитектуру Angular-приложения: стратегии гидратации (full vs partial), streaming SSR для улучшения TTFB, кеширование на CDN-уровне, обработка dynamic routes, интеграция с Angular Signals для серверного состояния. |
| Frontend Developer (React) | Обязателен | Проектирует рендеринг-архитектуру Next.js приложений: стратегию выбора SSR/SSG/ISR/PPR для каждого маршрута, streaming-архитектуру с вложенными Suspense-границами, edge rendering для глобальных приложений. Обеспечивает баланс между производительностью и свежестью данных. |
| Frontend Developer (Svelte) | Обязателен | Проектирует гибридную стратегию рендеринга SvelteKit-приложения: route-level выбор SSR/SSG/streaming, edge-рендеринг через adapter-cloudflare. Оптимизирует TTFB через streaming SSR, реализует partial prerendering и progressive hydration для критических путей. |
| Frontend Developer (Vue) | Обязателен | Проектирует SSR-архитектуру масштабного Nuxt-приложения — streaming SSR, selective hydration, edge rendering через Nitro. Оптимизирует TTFB через серверное кэширование, CDN-стратегии и progressive rendering. |
| Fullstack Developer | Обязателен | Реализует сложные SSR/SSG сценарии fullstack-приложений: streaming SSR для быстрого TTFB, ISR для масштабируемой статики, серверные компоненты React для уменьшения JS-бандла. Оптимизирует гидратацию и решает проблемы несовпадения серверного и клиентского рендеринга. |
| Роль | Обязательность | Описание |
|---|---|---|
| Frontend Developer (Angular) | Обязателен | Определяет стандарты SSR для Angular-проекта: какие маршруты рендерить серверно vs клиентски, стратегия кеширования SSR-страниц, мониторинг серверной производительности, процесс деплоя Angular Universal на Node.js. |
| Frontend Developer (React) | Обязателен | Определяет стандарты рендеринг-паттернов для Next.js проектов команды: decision framework для выбора стратегии рендеринга, мониторинг TTFB и FCP, конвенции по организации серверных и клиентских компонентов. Менторит по архитектуре App Router. |
| Frontend Developer (Svelte) | Обязателен | Определяет стандарты стратегий рендеринга в Svelte-команде: критерии выбора SSR/SSG/CSR, архитектура адаптеров, кэширование. Координирует DevOps для оптимальной инфраструктуры под SSR, внедряет мониторинг TTFB и hydration performance в продакшене. |
| Frontend Developer (Vue) | Обязателен | Определяет стратегию рендеринга для Vue-проектов организации — SSR vs SSG vs ISR для разных типов контента, инфраструктурные требования. Внедряет мониторинг SSR-производительности и стандарты деплоя Nuxt-приложений. |
| Fullstack Developer | Обязателен | Проектирует рендеринг-архитектуру fullstack-платформы: стратегия SSR vs SSG vs ISR для разных типов контента, edge-рендеринг, кэширование на CDN. Определяет паттерны data-fetching для серверного рендеринга и стандарты для команды. |
| Роль | Обязательность | Описание |
|---|---|---|
| Frontend Developer (Angular) | Обязателен | Формирует стратегию рендеринга на уровне Angular-платформы: edge-side rendering, интеграция с Cloudflare Workers/Vercel Edge, архитектура server components для Angular, streaming SSR для real-time приложений. |
| Frontend Developer (React) | Обязателен | Формирует рендеринг-стратегию для экосистемы React-приложений организации: архитектуру edge rendering, PPR для оптимального баланса, стратегию глобального CDN-кеширования. Оценивает новые паттерны (React Server Actions, PPR) и определяет roadmap adoption. |
| Frontend Developer (Svelte) | Обязателен | Формирует стратегию серверного рендеринга на уровне организации, исследует partial hydration и server components для SvelteKit. Влияет на развитие rendering-паттернов в Svelte-экосистеме, определяет архитектуру edge-first платформы с оптимальным DX. |
| Frontend Developer (Vue) | Обязателен | Формирует стратегию рендеринга для Vue-экосистемы компании — edge computing через Nitro, Islands Architecture, partial hydration. Исследует и внедряет Server Components, Resumability и другие передовые паттерны рендеринга. |
| Fullstack Developer | Обязателен | Определяет стратегию рендеринга организации для fullstack-продуктов: архитектура серверных компонентов, edge-first подход, partial hydration. Исследует и внедряет новые паттерны (React Server Components, Islands Architecture) в масштабе организации. |