В этой статье рассмотрим наиболее популярные и важные вопросы, которые могут встретиться на собеседовании по ReactJS на позицию React разработчика.
Что такое контекст в React (React Context)?
Контекст позволяет передавать данные через дерево компонентов без необходимости передавать пропсы на промежуточных уровнях.
Обычно данные в React-приложении передаются от родителя к дочернему компоненту через пропсы (Как передавать данные между компонентами в ReactJS). Но когда компонентов много или множество компонентов должны быть изменяемы в зависимости от темы - то передавать пропсы для такого случая очень сложно. Для решения этой проблемы можно использовать контекст. Контекст предоставляет способ делиться такими данными между компонентами без необходимости явно передавать пропсы через каждый уровень дерева компонентов.
Что такое порталы в React?
Порталы позволяют рендерить дочерние элементы в DOM-узел, который находится вне DOM-иерархии родительского компонента.
Порталы особенно спасают когда в родительском компоненте заданы стили overflow: hidden или z-index, и нужно, чтобы дочерний элемент визуально выходил за рамки своего контейнера. Это диалоги, модальные окна или всплывающие подсказки.
Что такое refs в React и в чем их важность?
Рефы дают возможность получить доступ к DOM-узлам или React-компонентам.
Ситуации, в которых использование рефов является оправданным:
- Управление фокусом, выделение текста или воспроизведение медиа;
- Императивный вызов анимаций;
- Интеграция со сторонними DOM-библиотекам;
- и др.
В рефах можно хранить любое значение, не обязательно ссылку на элемент. Изменение поля current не приводит к реренденру компонента.
Еще вопросы
Примеры кода и еще больше вопросов с собеседований вы можете найти в статье Собеседование ReactJS - вопросы и ответы.
