Подготовка к интервью
Разбирайте реальные вопросы, сверяйтесь с подробными ответами и готовьтесь по технологиям и компаниям.
Проверьте, насколько резюме подходит выбранной позиции, и получите рекомендации по улучшению.
Каталог
Ответьте по фактическому стеку двух приложений и поясните способ их интеграции.
Читать ответРекурсивный компонент хранит open для своего узла и рендерит детей только при раскрытии. Кнопка нужна лишь узлам с непустыми children; ключом служит id.
Читать ответСтили можно вынести в CSS/SCSS, CSS Modules, utility-классы или выбранную CSS-in-JS систему.
Читать ответРодитель передаёт callback через props, а дочерний компонент вызывает его с нужными данными.
Читать ответReact вычисляет дерево элементов на render-фазе, сопоставляет его с предыдущим результатом и в commit применяет необходимые изменения к интерфейсу.
Читать ответНачните с классификации состояния: серверные данные, URL, локальный UI, формы и действительно общие клиентские данные.
Читать ответReact может вызвать render при обновлении state, родителя или используемого context; сравнение состояния и memo иногда позволяют пропустить работу.
Читать ответReact.memo полезен, когда повторный render дорог, props часто остаются равными, а стоимость сравнения меньше сэкономленной работы.
Читать ответБезопасно различать начальный рендер и состояние после монтирования через state, переключая флаг в эффекте; это создаст один дополнительный рендер.
Читать ответСопоставьте инструменты с требованиями к рендерингу, доступности UI, тестированию, сопровождению и компетенциям команды.
Читать ответОбъясните выбор Context через область доступа к данным, частоту обновлений и требования к подпискам, а не только удобство API.
Читать ответСначала воспроизведите медленный сценарий и измерьте его, затем устраните конкретный источник лишней работы.
Читать ответ