Основы React

1/25 Методы жизненного цикла в основном используются для ___.
- отслеживания истории событий
- усовершенствования компонентов
- освобождения ресурсов
- ничего из вышеперечисленного
2/25 ___ можно сделать, когда необходимо вернуть несколько элементов из компонента.
- Абстракция
- Упаковка
- Изоляция
- Обертывание
3/25 Как правильно получить доступ к функции fetch() из элемента h1 в JSX?
- <h1>{fetch()}</h1>
- <h1>${fetch()}</h1>
- <h1>{fetch}</h1>
- <h1>${fetch}</h1>
4/25 Что произойдет, если выполнить следующий метод render()?
```
render(){

let langs = ["Ruby","ES6","Scala"]

return (<div>

{langs.map(it => <p>{it}</p>)}

</div>)

}
```
- Отобразится список языков в массиве
- Ошибка. Нельзя использовать прямой JavaScript код в JSX
- Ничего не отобразится
- Ошибка. Следует заменить на цикл for для корректного вывода
5/25 Произвольные входные данные компонентов называются ___.
- Ключи
- Props
- Элементы
- Ref
6/25 В React, какой метод используется для создания контекста?
- React.createContext()
- React.createState()
- React.createComponent()
- React.createRef()
7/25 Что делает 'PureComponent' в React?
- Управляет чистыми функциями
- Предотвращает повторный рендеринг, если props и state не изменились
- Очищает компонент
- Улучшает производительность компонента
8/25 Для чего в React используется хук 'useEffect'?
- Управляет жизненным циклом компонента
- Обрабатывает изменения состояния
- Создает новый эффект
- Ни один из вышеперечисленных
9/25 Что такое компонент высшего порядка в React?
- Компонент, который рендерит другие компоненты
- Компонент с более высоким z-index
- Компонент со состоянием
- Компонент с функциями высшего порядка
10/25 Для чего предназначен React Router?
- Для управления глобальным состоянием
- Для условного рендеринга
- Для управления навигацией и маршрутизацией
- Для подключения к внешним API
11/25 Для чего в React используется API 'Context'?
- Для повышения производительности
- Для управления жизненным циклом компонентов
- Для передачи данных между компонентами без необходимости передачи свойств
- Для обработки ввода в формы
12/25 Для чего используются 'PropTypes' в React?
- Для указания типов пропсов, которые может принимать компонент
- Для документирования кода компонента
- Для улучшения производительности
- Для предоставления значений по умолчанию пропсам
13/25 Для чего используется хук 'useState' в React?
- Для управления состоянием в функциональных компонентах
- Для связывания состояния между компонентами
- Для обновления состояния в классовых компонентах
- Для хранения данных в локальном хранилище браузера
14/25 Какой из этих методов является правильным способом обработки событий в React?
- <button onClick={this.handleClick}>Нажми меня</button>
- <button onClick='handleClick()'>Нажми меня</button>
- <button onClick={handleClick()}>Нажми меня</button>
- <button handle='onClick'>Нажми меня</button>
15/25 Что представляют собой 'props.children' в компоненте React?
- Состояние родительского компонента
- Дочерние элементы, переданные компоненту
- Тип дочернего компонента React
- Props дочерних компонентов
16/25 В каком методе жизненного цикла вы должны выполнять HTTP-запросы в классовом компоненте?
- componentDidMount
- componentWillMount
- componentDidUpdate
- componentWillUnmount
17/25 Что делает 'React.Fragment'?
- Группирует список дочерних элементов без добавления дополнительных узлов в DOM
- Это метод для оптимизации производительности
- Используется для разделения компонента на меньшие компоненты
- Это способ асинхронного рендеринга компонентов
18/25 Какова цель хука 'useEffect'?
- Для управления изменениями состояния
- Для создания нового компонента
- Для выполнения побочных эффектов в функциональных компонентах
- Для подключения к хранилищу Redux
19/25 Что означает 'поднятие состояния' (lifting state up) в React?
- Перемещение состояния в общего предка компонентов, которым оно нужно
- Улучшение производительности обновлений состояния
- Автоматическое управление изменениями состояния в дочерних компонентах
- Передача состояния в компонент высшего порядка
20/25 Как оптимизировать производительность для списка элементов в React, которые часто перерисовываются?
- Используя shouldComponentUpdate
- Используя PureComponent
- Используя React.memo
- Используя useState
- Используя useEffect
21/25 Что означает 'prop drilling' в React?
- Передача пропсов в глубокие дочерние компоненты
- Установка значений по умолчанию для пропсов
- Проверка типов пропсов
- Обновление пропсов из дочерних компонентов
22/25 Что такое 'компонент высшего порядка' (HOC) в React?
- Компонент с более высоким z-index
- Компонент, который возвращает другой компонент
- Компонент со состоянием
- Компонент, который рендерит HTML-элементы
23/25 Как можно поделиться состоянием между двумя компонентами, которые не являются родительскими и дочерними в React?
- Используя глобальные переменные
- Используя API Context
- Передавая пропсы через промежуточные компоненты
- Используя библиотеку управления состоянием, такую как Redux
24/25 Для чего используется 'useReducer' в React?
- Для управления жизненным циклом компонентов
- Для управления состоянием с помощью функции-редуктора
- Для уменьшения размера пакета приложения React
- Для оптимизации производительности рендеринга
25/25 Какой из перечисленных способов является допустимым для создания компонента в React?
- function MyComponent() { return <div/>; }
- new ReactComponent(MyComponent)
- React.createComponent(MyComponent)
- class MyComponent extends ReactElement { ... }
Чтобы получить результат викторины, пожалуйста, укажите ваш адрес электронной почты (необязательно)..

Кажется, вы еще не ответили ни на один вопрос. Пожалуйста, дайте свои ответы для продолжения.

Основы React

1/25 Методы жизненного цикла в основном используются для ___.

2/25 ___ можно сделать, когда необходимо вернуть несколько элементов из компонента.

3/25 Как правильно получить доступ к функции fetch() из элемента h1 в JSX?

4/25 Что произойдет, если выполнить следующий метод render()?

5/25 Произвольные входные данные компонентов называются ___.

6/25 В React, какой метод используется для создания контекста?

7/25 Что делает 'PureComponent' в React?

8/25 Для чего в React используется хук 'useEffect'?

9/25 Что такое компонент высшего порядка в React?

10/25 Для чего предназначен React Router?

11/25 Для чего в React используется API 'Context'?

12/25 Для чего используются 'PropTypes' в React?

13/25 Для чего используется хук 'useState' в React?

14/25 Какой из этих методов является правильным способом обработки событий в React?

15/25 Что представляют собой 'props.children' в компоненте React?

16/25 В каком методе жизненного цикла вы должны выполнять HTTP-запросы в классовом компоненте?

17/25 Что делает 'React.Fragment'?

18/25 Какова цель хука 'useEffect'?

19/25 Что означает 'поднятие состояния' (lifting state up) в React?

20/25 Как оптимизировать производительность для списка элементов в React, которые часто перерисовываются?

21/25 Что означает 'prop drilling' в React?

22/25 Что такое 'компонент высшего порядка' (HOC) в React?

23/25 Как можно поделиться состоянием между двумя компонентами, которые не являются родительскими и дочерними в React?

24/25 Для чего используется 'useReducer' в React?

25/25 Какой из перечисленных способов является допустимым для создания компонента в React?