Топ вопросов на Frontend собеседовании в 2026

Мир фронтенда меняется стремительно. В 2026 году интервьюерам уже мало знаний о хуках React. Они хотят видеть глубокое понимание производительности, серверных компонентов и архитектуры.

1. React Server Components (RSC) против Client Components

Вопрос: В чем разница между RSC и клиентскими компонентами? Когда использовать каждый из них?

Ответ:

• Server Components: Рендерятся на сервере, имеют прямой доступ к бэкенду (БД, файловая система) и не отправляют JS-код клиенту. Идеальны для статики и загрузки данных.
• Client Components: Рендерятся на клиенте. Имеют доступ к стейту (useState), эффектам (useEffect) и API браузера.

2. Оптимизация Core Web Vitals

Вопрос: Ваш LCP (Largest Contentful Paint) составляет 3.5с. Как будете исправлять?

Стратегия:

1. Анализ: Вкладка Performance в Chrome DevTools.
2. Картинки: Использовать AVIF/WebP, правильные размеры, lazy loading.
3. Code Splitting: Динамические импорты.

3. System Design: Бесконечная лента

Задача: Спроектировать ленту как в Twitter.

• Виртуализация: Рендерить только видимые элементы.
• Пагинация: Cursor-based против Offset-based.
• Кэширование: Как хранить загруженные данные?

javascript // Пример концепции хука виртуализации function useVirtualizer({ count, getScrollElement }) { // Детали реализации... }