Career

Блиц-вопросы на фронтенд интервью

20 коротких вопросов, которые проверяют базу JavaScript, DevOps и мобильной разработки на собеседованиях

1 октября 2023 г. 5 мин чтения Пётр Евсиков

#interview#javascript#react-native#devops

TL;DR

Собрал шпаргалку по самым частым блиц вопросам
Фокус на практической разработке и инфраструктуре
Подходит для быстрых самопроверок перед интервью

что значит error HTTP 409 - конфликт состояния
Что произойдёт, если выполнить тяжёлую операцию в UI-потоке? - ui зависнет(anr)
Какой компонент в React Native используется для оптимизированного отображения длинных списков? - flatlist (virtilizedlist)
Какой тип в TypeScript описывает функцию с аргументом string и возвратом number? - type Fn = (arg: string) => number
Какой объект Kubernetes используется для хранения конфиденциальных данных (пароли, ключи)? - Secret
Как в TypeScript правильно типизировать пропсы компонента? - Через interface или type и использование в React.FC
Что произойдёт, если в React вызвать setState несколько раз подряд с разными значениями? - Обновления могут быть батчированы и выполнены одной операцией
Что такое Docker Image? - шаблон (снимок) для контейнера
Что вернёт useRef при первом вызове в компоненте? - Объект с полем current, равным начальному значению
Какой стандарт безопасности чаще всего применяется в SOAP-сервисах? - WS-Security
Как в TypeScript обозначить необязательное свойство интерфейса? - name?: string
Как правильно обновить состояние на основе предыдущего значения? - setCount(prev => prev + 1)
Какой формат используется по умолчанию в gRPC для сериализации сообщений? - Protocol Buffers (Protobuf)
Какой хук React используется для управления побочными эффектами? - useEffect
Какое CSS свойство отвечает за выравнивание элементов по главной оси Flexbox? - justify-content
Что произойдёт, если в React вернуть массив элементов без ключей? - Может возникнуть неправильный рендер при изменении массива
Что произойдёт, если в useEffect указать пустой массив зависимостей? - Эффект выполнится один раз после монтирования
Что делает React.memo в React Native? - Мемоизирует компонент и предотвращает лишние рендеры
При деплое React Native backend-сервиса в Kubernetes нужно хранить токены для внешнего API. Где правильнее разместить их? - В Kubernetes Secret
Что произойдёт, если передать новый объект в setState в функциональном компоненте? - Состояние полностью заменится на новое значение
Чем OpenShift отличается от "чистого" Kubernetes? - Имеет встроенные средства CI/CD и управление безопасностью
В Bitbucket создан Pull Request, но TeamCity билд упал. Какое действие правильнее? - Исправить код и перезапустить билд, затем обновить PR
Какой тег HTML5 используется для семантической разметки основного содержимого страницы? - main
Какое преимущество имеет gRPC по сравнению с REST? - Более компактная сериализация и поддержка двунаправленных стримов
Какой элемент описывает контракт SOAP-сервиса? - WSDL
Какой способ наиболее корректен для задания условного класса в React JSX? - <div className={isActive ? "active" : "inactive"}>

Команда использует GitLab CI/CD для сборки образа React Native backend-а. Где правильнее хранить данные для подключения к приватному Docker Registry? - В GitLab CI/CD Variables

Что делает CSS свойство flex: 1 в контейнере Flexbox? - Заставляет элемент занимать всё доступное пространство пропорционально

Что произойдёт, если у FlatList не указать keyExtractor и объекты не имеют поля key? - будет использовать индекс как key (и warning)

Что произойдёт, если передать undefined в value контролируемого input в React? - станет неконтролируемым (warning)

Какой оператор в TypeScript используется для проверки наличия свойства в объекте? - in

Что делает метод useMemo в React Native? - Мемоизирует вычисленное значение до изменения зависимостей

Что такое Pod в Kubernetes? - Наименьшая единица деплоя, содержащая один или несколько контейнеров

Какая особенность distinguishes React Native от ReactJS? - ReactJS работает в DOM, React Native — с нативными UI-компонентами.

Что является основным отличием Virtual DOM от реального DOM? - Virtual DOM — это JS-объект в памяти, обновления дешевле, чем у реального DOM.

Как правильно типизировать состояние через useState в TypeScript? - const [value, setValue] = useState([] as T)

Что делает хук useEffect без второго аргумента? - выполняется после каждого рендера

Какой хук в React Native используется для управления локальным состоянием функционального компонента? - useState

Какой HTTP метод чаще всего используется для обновления существующего ресурса в REST API? - PUT

Какой подход лучше использовать при интеграции React Native приложения с SOAP-сервисом? - Использовать готовый SOAP-клиент с генерацией методов из WSDL

Какой тип используется в TypeScript для описания значения, которое может быть string или null? - type T = string | null

Что делает метод useCallback в React/React Native? - Возвращает мемоизированную версию функции для оптимизации рендера

В React Native приложении нужно отобразить данные в реальном времени (например, статус заказа). Какой протокол лучше выбрать? - WebSocket для real-time

Какой хук React используется для оптимизации вычислений при повторных рендерах? - useMemo

В React Native приложение нужно получать данные из REST API и отображать их в FlatList. Как правильно организовать логику? - Вызвать API в useEffect, сохранять данные в state и передать в FlatList

Какой файл используется для описания процесса сборки образа Docker? - Dockerfile

Что означает идемпотентность в REST API? - Повторный запрос приводит к одному и тому же результату

Какой формат сериализации данных обеспечит минимальный размер сообщений при передаче между сервисами? - Protocol Buffers (Protobuf)

Что возвращает useReducer в React? - Кортеж [state, dispatch]

Какой тип импортируется из React для типизации children в TypeScript? - ReactNode

Как выполнить запрос в фоновом потоке (когда приложение свернуто (background))? - Android: WorkManager / Headless JS и iOS: Background Fetch / Push Notification, а так же react-native-background-fetch, react-native-background-task