Основы React

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

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

return (<div>

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

</div>)

}
```
- Отобразится список языков в массиве
- Ошибка. Нельзя использовать прямой JavaScript код в JSX
- Ничего не отобразится
- Ошибка. Следует заменить на цикл for для корректного вывода
2/25 Какие два способа обработки данных используются в React?
- state & props
- сервисы & компоненты
3/25 Произвольные входные данные компонентов называются ___.
- Ключи
- Props
- Элементы
- Ref
4/25 В React, какой метод используется для создания контекста?
- React.createContext()
- React.createState()
- React.createComponent()
- React.createRef()
5/25 Для чего используется хук 'useReducer' в React?
- Для управления состоянием в компоненте
- Для уменьшения размера компонента
- Для управления состоянием с помощью функции редуктора
- Для улучшения производительности
6/25 Какова цель пропса 'key' в списке React?
- Для уникальной идентификации каждого элемента
- Для стилизации элементов
- Для повышения производительности
- Для вызова событий
7/25 Что делает 'PureComponent' в React?
- Управляет чистыми функциями
- Предотвращает повторный рендеринг, если props и state не изменились
- Очищает компонент
- Улучшает производительность компонента
8/25 Какой порт по умолчанию используется для запуска проекта create-react-app?
- 3000
- 8080
- 5000
- 8000
9/25 Что такое Фрагмент в React?
- Часть состояния компонента
- Инструмент для мемоизации
- Компонент, который может возвращать несколько элементов
- Компонент высшего порядка
10/25 Какой из этих методов является правильным способом обработки событий в React?
- <button onClick={this.handleClick}>Нажми меня</button>
- <button onClick='handleClick()'>Нажми меня</button>
- <button onClick={handleClick()}>Нажми меня</button>
- <button handle='onClick'>Нажми меня</button>
11/25 Как условно отрендерить компоненты в React?
- Используя операторы if-else внутри JSX
- Используя тернарный оператор внутри JSX
- Используя цикл for внутри JSX
- Используя операторы switch-case внутри JSX
12/25 Что представляют собой 'props.children' в компоненте React?
- Состояние родительского компонента
- Дочерние элементы, переданные компоненту
- Тип дочернего компонента React
- Props дочерних компонентов
13/25 Что делает 'React.Fragment'?
- Группирует список дочерних элементов без добавления дополнительных узлов в DOM
- Это метод для оптимизации производительности
- Используется для разделения компонента на меньшие компоненты
- Это способ асинхронного рендеринга компонентов
14/25 Какова цель хука 'useEffect'?
- Для управления изменениями состояния
- Для создания нового компонента
- Для выполнения побочных эффектов в функциональных компонентах
- Для подключения к хранилищу Redux
15/25 Каково значение ключей в списках React?
- Они используются для стилизации элементов списка
- Они помогают React определять, какие элементы изменились, добавлены или удалены
- Они представляют уникальный идентификатор каждого элемента
- Они повышают производительность рендеринга списка
16/25 Как React управляет отправкой форм?
- Используя обработчик событий на элементе формы
- Автоматически отправляя POST-запрос
- Используя специальную библиотеку React для отправки форм
- React не может управлять отправкой форм
17/25 Какова цель хука 'useCallback' в React?
- Для запоминания экземпляра функции между рендерами
- Для вызова функции в качестве колбэка после изменений состояния
- Для эффективного управления вызовами API
- Для обновления состояния на основе предыдущего состояния
18/25 Что такое 'prop drilling' в React?
- Передача пропсов через несколько уровней компонентов
- Метод определения PropTypes в компоненте
- Поиск ошибок в пропсах
- Библиотека React для управления свойствами
19/25 Для чего в React используется API Context?
- Для управления глобальным состоянием
- Для управления HTTP-запросами
- Для подключения к базам данных
- Для оптимизации производительности
20/25 Что означает 'prop drilling' в React?
- Передача пропсов в глубокие дочерние компоненты
- Установка значений по умолчанию для пропсов
- Проверка типов пропсов
- Обновление пропсов из дочерних компонентов
21/25 Каково основное применение библиотеки React Router?
- Управление состоянием
- Маршрутизация и навигация
- Управление формами
- Оптимизация производительности
22/25 Для чего используется 'useReducer' в React?
- Для управления жизненным циклом компонентов
- Для управления состоянием с помощью функции-редуктора
- Для уменьшения размера пакета приложения React
- Для оптимизации производительности рендеринга
23/25 Как управлять отправкой форм в React?
- Используя обработчик событий onSubmit
- С помощью специализированной библиотеки управления формами
- Напрямую отправляя на сервер
- React не поддерживает отправку форм
24/25 Какой из перечисленных способов является допустимым для создания компонента в React?
- function MyComponent() { return <div/>; }
- new ReactComponent(MyComponent)
- React.createComponent(MyComponent)
- class MyComponent extends ReactElement { ... }
25/25 Что такое 'фрагменты' в React?
- Инструменты для управления памятью
- Компоненты, возвращающие несколько элементов
- Шаблон для проверки пропсов
- Части состояния компонента
Чтобы получить результат викторины, пожалуйста, укажите ваш адрес электронной почты (необязательно)..

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

Основы React

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

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

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

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

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

6/25 Какова цель пропса 'key' в списке React?

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

8/25 Какой порт по умолчанию используется для запуска проекта create-react-app?

9/25 Что такое Фрагмент в React?

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

11/25 Как условно отрендерить компоненты в React?

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

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

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

15/25 Каково значение ключей в списках React?

16/25 Как React управляет отправкой форм?

17/25 Какова цель хука 'useCallback' в React?

18/25 Что такое 'prop drilling' в React?

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

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

21/25 Каково основное применение библиотеки React Router?

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

23/25 Как управлять отправкой форм в React?

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

25/25 Что такое 'фрагменты' в React?