Вопросы React Frontend Developer

Сравнение (Diffing) — это процесс, при котором React сравнивает старое и новое представление виртуального DOM, чтобы определить, какие изменения необходимо внести в реальный DOM. Патчинг — это этап, на котором React вносит эти изменения, обновляя только те элементы, которые изменились, а не перерисовывая всё дерево компонентов.

Swift — это безопасный, современный и производительный язык программирования. Он поддерживает типобезопасность, предоставляет встроенные опционалы для обработки отсутствующих значений, имеет поддержку замыканий, встроенную обработку ошибок и сопоставление шаблонов (pattern matching). Эти возможности делают Swift удобным для разработки, особенно в контексте мобильных приложений.

Typealias создаёт псевдоним для существующего типа данных. Это полезно, когда нужно сделать код более понятным или сократить длинные сложные типы. Используйте typealias для повышения читаемости, особенно при работе с функциями и сложными типами.

Optional — это тип, который может содержать либо значение, либо nil (отсутствие значения). Он предотвращает аварийное завершение программы при работе с отсутствующими значениями. Создать Optional можно, добавив ? после типа переменной.

Перечисления (enums) в Swift позволяют группировать связанные значения под одним типом. Они помогают писать типобезопасный код, исключая ошибки, возникающие при использовании строковых или числовых литералов. Вместо магических строк можно использовать предопределённые значения, что делает код более понятным и надёжным.

Webmanifest — это файл в формате JSON, который используется для определения метаданных веб-приложения. Он позволяет настроить иконки приложения, название, тему и поведение при добавлении на главный экран устройства. В PWA webmanifest помогает сделать веб-приложение похожим на нативное мобильное приложение, улучшая пользовательский опыт.

CORS — это механизм, который позволяет ограничить или разрешить обмен данными между разными доменами. Браузеры по умолчанию запрещают запросы к ресурсам с другого домена для обеспечения безопасности. Чтобы разрешить такие запросы, сервер должен отправить специальные заголовки. Элементы, такие как <iframe>, <img> и <script>, могут загружать ресурсы с других доменов, но для некоторых операций, например, доступа к содержимому <iframe> из другого домена, требуется поддержка CORS.

Способы оптимизации загрузки изображений в HTML:

1. • Сжатие изображений
2. • Адаптивные размеры
3. • Ленивая загрузка
4.  

Форматы изображений:

• • WebP: высокое сжатие и качество, поддерживает как растровые, так и анимированные изображения.
• • AVIF: еще более эффективное сжатие и лучшее качество по сравнению с WebP.

Тег <iframe> используется для встраивания на страницу содержимого с другого веб-ресурса, например, другого сайта, видео с YouTube или карты. Он создает окно внутри текущей страницы, где загружается внешний ресурс. <iframe> полезен для интеграции стороннего контента, сохраняя при этом основную структуру страницы.

IIFE (Immediately Invoked Function Expression) — это функция, которая выполняется сразу после того, как была объявлена. Это достигается оборачиванием функции в скобки и последующим вызовом. IIFE часто используется для создания изолированной области видимости, чтобы избежать конфликтов переменных в глобальном пространстве имен.