React Context, формы, css модули

Чтобы создать React Context необходимо использовать...

• 
  Концепцию Prop drilling

• Хук useContext

• 
  Функцию createContext

• Компоненту Context

Чтобы предоставить Context дочерним элементам, независимо от их глубины, правильнее...

• Передавать его через props, используя концепцию Prop drilling

• Пересоздавать Context на основе имеющегося с помощью createContext

• Использовать компоненту Context.Component и передать в неё builder, отрисовывающий дочерние элементы

• Обернуть дочерние компоненты в Context.Provider

В каком из случаев правильнее использовать Context?

• Хранение состояние дочерней компоненты

• Кэширование состояния для избежания лишних ререндеров

• Инжектирование сущностей, которые не изменяются в процессе работы приложения

• Кэширование состояния Virtual Dom для ускорения рендера

Зачем нужен механизм CSS Modules?

• Для инкапсуляции имён классов и анимаций

• Ускоряет обработку стилей браузером, позволяя ускорить первое открытие страницы

• Осуществляет кэширование CSS, позволяя ускорить первое открытие страницы

• Добавляется к CSS "синтаксический сахар", позволяя писать более выразительный код

Какова область видимости имен классов и анимаций при использовании механизма CSS Modules?

• Они становятся локальными в пределах того CSS-файла, где они определены

• Они остаются глобальными, но для предотвращения конфликтов используется уникальный префикс

• Их область видимости ограничена только тем HTML-элементом, к которому они применены напрямую

• Они доступны только через специальный синтаксис импорта в других CSS-файлах

Как получить доступ к сгенерированным CSS-классам из JS/TS при использовании CSS Modules?

• Импортировать CSS-файл как модуль; он возвращает объект, где ключи — исходные имена классов, а значения — сгенерированные

• Сгенерированные имена классов автоматически добавляются в глобальную область видимости JavaScript как переменные.

• Использовать специальный синтаксис в CSS, чтобы экспортировать классы для JavaScript.

• Обращаться к классам по их исходным именам в JavaScript; CSS Modules подставляет сгенерированные имена во время компиляции.

Что является основной целью React-хука useActionState?

• Упрощение управления состоянием, обновляемым в результате выполнения асинхронных функций (actions), особенно в контексте форм

• Замена хука useState для всех сценариев управления состоянием в компонентах

• Создание референсов (refs) для прямого доступа к DOM-элементам

• Кэширование результатов дорогостоящих вычислений для предотвращения повторных вычислений при каждом рендере

Что возвращает хук useActionState при его использовании?

• Только текущее состояние, которое всегда является промисом

• Функцию для выполнения action'а и функцию для ручного обновления состояния

• Объект с полями state и dispatch, но без флага загрузки

• Кортеж из трех элементов: текущее состояние, функция для выполнения action'а, и флаг, указывающий, находится ли action в процессе выполнения

Каким образом обновляется состояние, управляемое хуком useActionState?

• Состояние обновляется до значения, которое возвращает асинхронная функция (action) после своего успешного завершения.

• Состояние обновляется значением, переданным как аргумент функции-диспетчера (action trigger), а не результатом выполнения action'а

• Состояние обновляется автоматически React'ом при любых изменениях пропсов компонента

• Состояние может быть обновлено только путем передачи нового состояния как второго аргумента в вызов хука useActionState