Подготовка к интервью
Разбирайте реальные вопросы, сверяйтесь с подробными ответами и готовьтесь по технологиям и компаниям.
Проверьте, насколько резюме подходит выбранной позиции, и получите рекомендации по улучшению.
Каталог
Опыт работы с Next.js фреймворк на базе React, поддерживающий SSR и SSG реализовывал серверный рендеринг для повышения SEO и скорости загрузки применял API Routes для размещения backend-логики непосредственно в…
Читать ответработа с WebSockets — веб-сокеты, real-time в браузере: native WebSocket API (стандартный JS) на сервере (Node.js): распространённый модуль — ws серверная альтернатива: Socket.IO — более высокий уровень абстракции над…
Читать ответпроизводительность снижается, когда тяжёлые синхронные процессы блокируют главный поток и не позволяют React быстро обновить виртуальный DOM и применить изменения в браузере.
Читать ответКонцепция Virtual DOM в React Virtual DOM представляет собой легковесную копию реального DOM, хранящуюся в памяти Он описывает структуру пользовательского интерфейса в виде объектной модели Когда интерфейс изменяется,…
Читать ответВ React ref представляет собой объект с полем .current, предназначенным для хранения значений Он подходит не только для DOM-ссылок, но и для любых мутабельных данных В отличие от state, изменение ref.current не…
Читать ответReact key — уникальный идентификатор элементов списка Использовать случайные key не рекомендуется При случайной генерации ключ будет изменяться после каждого ререндера Изменение key → потеря состояния и повторный…
Читать ответМожно ли напрямую отрендерить React-компонент из Web Worker'а (или компонент другого фреймворка) в DOM? Web Worker представляет собой фоновый поток, не имеющий доступа к DOM Рендеринг React-компонентов выполняется в…
Читать ответПочему в React хуки пришли на смену классовым компонентам и какие задачи они решили? React: функциональные компоненты используют хуки Устранили избыточную громоздкость классов Отказались от обязательного использования…
Читать ответВ React ключи используются для идентификации элементов при построении списков Если передавать индекс, можно столкнуться с проблемами производительности и ошибками при изменении порядка элементов При добавлении,…
Читать ответContext: глобальный механизм хранения данных в React Любое изменение контекста вызывает повторный рендер всех его потребителей Встроенные селекторы и мемоизация отсутствуют Нет единого стандартного подхода к мутациям…
Читать ответПочему стрелочные функции не работают с this в некоторых контекстах? У стрелочных функций отсутствует собственный контекст this Значение this они получают из внешней, то есть лексической, области видимости Поэтому они…
Читать ответУтилитные типы — встроенный инструмент TypeScript С их помощью можно изменять и повторно использовать существующие типы без дублирования Они делают код более понятным и удобным в сопровождении Дают строгую и…
Читать ответ