Подготовка к интервью
1745 вопросов для подготовки на позицию Frontend-разработчик
Что проверяют на интервью
Подборка помогает системно подготовиться к интервью на позицию Frontend-разработчик: проверить теорию, потренировать практические задачи и объяснение решений. В подборке чаще встречаются темы: frontend, browser, react.
Каталог
Правила вызова хуков и их назначение React hooks — это функции для управления состоянием и жизненным циклом компонентов Основные правила вызова: обращаться к ним только на верхнем уровне функции компонента или…
Читать ответОпыт работы с Next.js фреймворк на базе React, поддерживающий SSR и SSG реализовывал серверный рендеринг для повышения SEO и скорости загрузки применял API Routes для размещения backend-логики непосредственно в…
Читать ответработа с WebSockets — веб-сокеты, real-time в браузере: native WebSocket API (стандартный JS) на сервере (Node.js): распространённый модуль — ws серверная альтернатива: Socket.IO — более высокий уровень абстракции над…
Читать ответКонцепция 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-компонент выполняет повторный рендер при изменении props или state Обновить интерфейс без изменения state можно, передав новые props Вызов forceUpdate() принудительно запускает перерисовку без изменения state и…
Читать ответПочему примитивные пропсы хорошо подходят для мемоизации в React? контекст: React, оптимизация рендеринга к примитивам относятся строки, числа и булевы значения они быстро и точно сравниваются по значению, без…
Читать ответПочему стрелочные функции не работают с this в некоторых контекстах? У стрелочных функций отсутствует собственный контекст this Значение this они получают из внешней, то есть лексической, области видимости Поэтому они…
Читать ответПочему у примитивов есть методы и свойства? В JS примитивные значения автоматически оборачиваются во временные объекты-обертки К примитивам относятся string, number, boolean, symbol, bigint, null и undefined Перед…
Читать ответУтилитные типы — встроенный инструмент TypeScript С их помощью можно изменять и повторно использовать существующие типы без дублирования Они делают код более понятным и удобным в сопровождении Дают строгую и…
Читать ответ