React Hooks Quiz

Чтобы в компоненте React функция вызывалась только лишь однажды, в useEffect...

• Следует указать пустой массив зависимостей

• Следует не указывать массив зависимостей

• Должна быть как минимум одна зависимость

• Необходимо передать параметр singleRun = true

Чтобы вызвать код при размонтировании компонента необходимо...

• Использовать useEffect: возвращать из функции обратного вызова другую функцию

• Использовать useEffect: возвращать из функции обратного вызова пустой массив

• Использовать хук useReducer: возвращать из функции обратного вызова другую функцию

• Использовать хук useReducer: возвращать из функции обратного вызова пустой массив

Хук useRef...

• Вызывает re-render компонента при обновлении значения

• Используется только для хранения ссылок на DOM-элементы

• Используется для хранения констант, которые сохраняются при рендерингах компоненты

• Не вызывает re-render компонента при обновлении значения

Какой prop необходимо использовать для сохранения ссылки на dom-элемент с помощью хука useRef?

• reference, например, <input reference={inputRef} />

• ref, например, <input ref={inputRef} />

• use-ref, например, <input use-ref={inputRef} />

• input-ref, например, <input input-ref={inputRef} />

Чтобы знать какой именно тип dom-элемента хранится в ref, необходимо...

• Использовать generic при инициализации ref-а, например, useRef<

  HTMLInputElement>(null)

• Нет необходимости что-то делать, TypeScript сам сможет вывести тип элемента

• Необходимо назвать переменную ref-а соответствующим образом, например, const inputRef = useRef(null)

• Необходимо передать второй аргумент – название dom-элемента, например, useRef(null, ‘HTMLInputElement’)

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

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

• Хук useContext

• Функцию createContext

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

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

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

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

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

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

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

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

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

• Хранение темы приложения

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

Что из перечисленного можно использовать внутри кастомных хуков?

• Только хук useState и useEffect

• Только хук useRef и useContext

• Все хуки кроме кастомных хуков

• Любые хуки

Какой из кейсов использования кастомных хуков невалидный?

• Когда логику компонента хотим отделить от вьюшки

• Когда хотим устранить дублирование кода

• Когда хотим переиспользовать логику в нескольких компонентах

• Когда хотим типизировать код для избежания ошибок