Подготовка к интервью
32 вопроса по Next.js с технических собеседований
Проверьте, насколько резюме подходит выбранной позиции, и получите рекомендации по улучшению.
Что проверяют на интервью
На странице собраны вопросы по Next.js — от проверки базовых принципов до практического применения и архитектурных решений. В подборке чаще встречаются темы: frontend, ui, web.
Каталог
Контекст: CSS-позиционирование и флексбокс Центрирование с помощью Flexbox: родительский элемент: display: flex; justify-content: center; align-items: center; элемент выравнивается по центру сразу по обеим осям Другой…
Читать ответбиблиотеки для рисования — API, предназначенные для создания графики с помощью canvas, SVG и WebGL изучить базовые объекты и методы, включая рисование фигур, работу с цветами и трансформациями разобраться с…
Читать ответКак на фронтенде реализуется авторизация? Авторизация представляет собой управление доступом пользователя с помощью токенов. Access токен обычно помещают в HttpOnly Cookies, чтобы снизить риск XSS, либо хранят в…
Читать ответКак свойство box-sizing: border-box рассчитывает размеры элемента? CSS-свойство, определяющее модель коробки объединяет content + padding + border в заданной ширине и высоте сохраняет итоговый размер элемента в…
Читать ответUI и управление состоянием описываю структуру формы, набор полей и уровни вложенности связываю элементы с моделью данных и синхронизирую состояние задаю правила через валидаторы, часто используя схемы Yup или Joi…
Читать ответОграничения серверных компонентов в Next.js Нет локального состояния: серверные компоненты не поддерживают локальное состояние и не позволяют использовать useState или useReducer. Клиентские хуки недоступны: нельзя…
Читать ответОсновные способы копирования объектов Поверхностное копирование (shallow copy) — создаёт копию только верхнего уровня, поэтому вложенные объекты продолжают ссылаться на исходные Глубокое копирование (deep copy) —…
Читать ответApp Router или Pages Router Маршрутизация в React/Next.js Pages Router: структура файлов → маршруты App Router: React Server Components и вложенная маршрутизация Pages Router: простой, стабильный подход со старым API…
Читать ответОпыт работы с Next.js фреймворк на базе React, поддерживающий SSR и SSG реализовывал серверный рендеринг для повышения SEO и скорости загрузки применял API Routes для размещения backend-логики непосредственно в…
Читать ответМожно ли анимировать свойства opacity, visibility и display? CSS-анимации применимы к свойствам с числовыми значениями opacity — поддерживает плавное изменение, например от 0 до 1 visibility — напрямую не анимируется,…
Читать ответNext.js — React-фреймворк, в котором предусмотрены Server-Side Rendering (SSR) и API-роуты Для работы с базой данных и API подходят API routes и getServerSideProps API-маршруты выполняются на сервере и позволяют…
Читать ответВ React ref представляет собой объект с полем .current, предназначенным для хранения значений Он подходит не только для DOM-ссылок, но и для любых мутабельных данных В отличие от state, изменение ref.current не…
Читать ответ