React Frontend Developer

Question 1

В каких случаях можно использовать индексы в качестве ключей?

Accepted Answer

Индексы массива можно использовать в качестве ключей, если порядок элементов не изменяется, а сами элементы не имеют уникальных идентификаторов. Однако, это может привести к проблемам, если порядок элементов изменяется или элементы списка динамически добавляются/удаляются.

Question 2

Как подключить React-компонент к Redux-store?

Accepted Answer

Чтобы подключить компонент к Redux-store, используется библиотека React Redux. Для получения данных из состояния применяется хук useSelector, а для отправки действий — useDispatch. Эти инструменты позволяют интегрировать Redux-логику в React-компоненты без необходимости дополнительной настройки.

Question 3

Какие типы данных могут быть ключами объекта?

Accepted Answer

Ключами обычного объекта могут быть только строки и Symbol. Если использовать другие типы (числа, объекты, boolean), они автоматически приводятся к строке. Это происходит неявно и может приводить к неожиданным конфликтам ключей. Symbol — единственный тип, который не приводится к строке.

Question 4

Почему ключи объекта приводятся к строке?

Accepted Answer

Ключи объекта приводятся к строке, потому что объект в JavaScript изначально задумывался как словарь “строка → значение”. Такое решение упрощает модель данных и делает доступ к свойствам быстрым и предсказуемым. Это поведение закреплено в спецификации языка. Исключением являются Symbol, добавленные позже.

Question 5

Как получить ключи объекта по типу значений (например, только string)?

Accepted Answer

В TypeScript можно получить ключи объекта, значения которых имеют определённый тип, используя условные типы и key remapping. Создаётся тип, который перебирает ключи и проверяет, соответствует ли тип значения заданному. Если да — ключ остаётся, иначе — исключается. Это позволяет строго типизировать функции, работающие с подмножеством свойств объекта.

Question 6

Как отключить взаимодействие с элементом через CSS?

Accepted Answer

Свойство pointer-events: none отключает все события мыши и касания для элемента. Элемент становится неактивным для кликов, наведения и других взаимодействий. Это полезно для временного блокирования кнопок или наложения оверлеев.

Question 7

Если ключи объекта всегда строки и важен порядок вставки — что лучше использовать: Map или обычный объект?

Accepted Answer

Если ключи всегда строки и важен порядок вставки, то можно использовать и Map, и обычный объект. Однако Map гарантирует порядок вставки для всех ключей, включая строки, и имеет лучшую производительность при частом добавлении/удалении пар. Обычный объект также сохраняет порядок строковых ключей (кроме целочисленных), но может вести себя неочевидно. Для предсказуемости и производительности лучше выбрать Map.

Question 8

Можно ли включить строгий режим только для конкретной функции?

Accepted Answer

Да, строгий режим можно включить только для конкретной функции. Для этого нужно поместить директиву 'use strict' в начале тела функции. Это позволяет использовать строгий режим локально, не затрагивая глобальный код или другие функции.

Вопросы React Frontend Developer