Вопросы React Frontend Developer

Мемоизация — это техника оптимизации, при которой результаты функции сохраняются и используются повторно, если входные данные не изменились. В Redux мемоизация используется с помощью библиотеки reselect, которая позволяет кэшировать результаты селекторов и избежать их повторных вычислений. Это особенно полезно при работе с большими наборами данных, где вычисления могут быть дорогими.

createSelector из библиотеки reselect позволяет создавать мемоизированные селекторы, которые эффективно извлекают и вычисляют данные из состояния Redux. С RTK он используется для создания производительных селекторов, которые избегают ненужных перерасчетов, если данные не изменились.

Reselect — это библиотека для создания селекторов, которые извлекают и обрабатывают данные из состояния Redux. Она обеспечивает мемоизацию, что предотвращает ненужные вычисления, если входные данные не изменились. Это особенно полезно для сложных вычислений, которые зависят от состояния.

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

С помощью counter-reset мы создаем новый счетчик, а counter-increment увеличиваем его значение для определенных элементов. Например, мы можем использовать эти свойства для автоматической нумерации заголовков на странице. Счетчик может быть сброшен при помощи counter-reset, а при каждом появлении элемента с counter-increment счетчик будет увеличиваться.

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

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

Progressive Enhancement и Graceful Degradation — это два подхода к веб-разработке, направленные на создание адаптивных и доступных веб-приложений. 

Progressive Enhancement: Старт с базовой версии и добавление улучшений для современных браузеров.

Graceful Degradation: Старт с полной версии и адаптация для старых браузеров.

Subresource Integrity (SRI) — это механизм безопасности, который позволяет браузерам проверять, что загружаемые внешние ресурсы (например, скрипты и стили) не были изменены. Для использования SRI необходимо добавить атрибут integrity к тегам <script> или <link>, указав хеш-сумму загружаемого файла. Если файл изменен, браузер не загрузит его, что предотвращает выполнение потенциально вредоносного кода.

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

Rest оператор (...) используется в JavaScript для сбора оставшихся аргументов в массив при определении функции. Он позволяет передавать переменное количество аргументов и легко работать с ними, не заботясь о том, сколько аргументов будет передано. Это особенно удобно, когда необходимо обрабатывать множество значений.