Подготовка к интервью
14 вопросов с собеседований в X5 Group
Проверьте, насколько резюме подходит выбранной позиции, и получите рекомендации по улучшению.
Что проверяют на интервью
Подборка объединяет вопросы, отмеченные на этапах интервью в X5 Group. Здесь можно понять структуру технической проверки и заранее повторить связанные темы. В подборке чаще встречаются темы: typescript, frontend, livecoding.
Каталог
Разница между useMemo и useCallback React-хуки для оптимизации производительности useMemo: сохраняет вычисленное значение (результат функции) useCallback: сохраняет ссылку на функцию useMemo возвращает кэшированный…
Читать ответПреимущества CSS Grid и Flexbox CSS Grid — мощный двухмерный инструмент для построения интерфейсов Позволяет одновременно управлять строками и колонками Оптимален для сложных макетов с фиксированной или адаптивной сеткой
Читать ответпротоколы обмена данными в интернете HTTP — протокол без защиты HTTPS — это HTTP поверх TLS/SSL, обеспечивающего шифрование HTTPS обеспечивает конфиденциальность и целостность данных Для HTTPS нужен сертификат,…
Читать ответработа с асинхронностью в синхронной манере делает код более понятным и удобным для сопровождения устраняет цепочки then/catch и «пирамида ада» с помощью async/await легко описывать последовательные и параллельные…
Читать ответUI-библиотеки или собственный CSS Выбор делаю с учётом особенностей проекта и его требований UI-библиотеки позволяют быстрее разрабатывать интерфейсы, используя готовые компоненты и поддерживая единообразие UI…
Читать ответКак React.memo использует поверхностное сравнение пропсов? React.memo представляет собой HOC для оптимизации функциональных компонентов Он сопоставляет новые и предыдущие пропсы с помощью поверхностного сравнения…
Читать ответПорядок вычисления выражения A || B && C логические операторы, для которых действует приоритет операций приоритет оператора && выше приоритета || поэтому первым вычисляется фрагмент B && C после этого полученный…
Читать ответКонтекст: CSS-позиционирование и флексбокс Центрирование с помощью Flexbox: родительский элемент: display: flex; justify-content: center; align-items: center; элемент выравнивается по центру сразу по обеим осям Другой…
Читать ответТипизация — это контроль типов данных во время компиляции или выполнения программы. Статическая типизация (TypeScript, Flow) позволяет обнаружить ошибки еще до запуска приложения. Динамическая типизация с проверками…
Читать ответКак сократить число перерендеров компонента при изменении пропсов? React: оптимизация ререндеров Для функциональных компонентов следует применять React.memo — он мемоизирует результат и выполняет сравнение пропсов. В…
Читать ответПочему примитивные пропсы хорошо подходят для мемоизации в React? контекст: React, оптимизация рендеринга к примитивам относятся строки, числа и булевы значения они быстро и точно сравниваются по значению, без…
Читать ответоба метода перебирают элементы массива (итерируют его) forEach: выполняет действие для каждого элемента, не возвращая значения map: формирует новый массив той же длины map используют для преобразования данных forEach…
Читать ответ