Прогресс теста: Основы React

1/20

React в основном используется для...

Базы данных
Подключения
Пользовательского интерфейса
Разработки платформы

2/20

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

для отслеживания истории событий
для расширения компонентов
для освобождения ресурсов
никакой из вышеперечисленных

3/20

… может быть выполнено, когда необходимо возвратить несколько элементов из компонента.

Абстракция
Упаковка
Изоляция
Обертывание

4/20

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

<h1>{fetch()}</h1>
<h1>${fetch()}</h1>
<h1>{fetch}</h1>
<h1>${fetch}</h1>

5/20

Какой метод необходимо переопределить в React Component, чтобы компонент не обновлялся?

willComponentUpdate
shouldComponentUpdate
componentDidUpdate
componentDidMount

6/20

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

setState
render with arguments
PropTypes
props

7/20

Какой метод вызывается в React Component после того, как компонент отображается в первый раз?

componentDidUpdate
componentDidMount
componentMounted
componentUpdated

8/20

Выберите правильный синтаксис для обработчика события “щелчок по кнопке” foo.

<button onclick={this.foo()}>
<button onclick={this.foo}>
<button onClick={this.foo()}>
<button onClick={this.foo}>

9/20

Что происходит при вызове setState() в методе render()?

На экране появляется повторяющийся вывод
Ошибка клавиши дублирования
Ошибка переполнения стека
Ничего не происходит

10/20

Что происходит при выполнении следующего метода render() ?

render(){
let langs = ["Ruby","ES6","Scala"]
return (<div>
{langs.map(it => <p>{it}</p>)}
</div>)
}

Отображается список языков в массиве
Ошибка. В JSX невозможно использовать абсолютный код JavaScript
Ничего не отображается
Ошибка. Необходимо заменить на for..loop для правильного вывода

11/20

Как создать встроенный стиль в JSX, указывая font-size:12px и color:red;

style={{font-size:12,color:'red'}}
style={{fontSize:'12px',color:'red'}}
style={fontSize:'12px',color:'red'}
style={{font-size:12px,color:'red'}}

12/20

Какие преимущества имеет ReactJS?

Повышает производительность приложений с помощью Virtual DOM
JSX создает код, легкий для чтения и записи
Обрабатывает и на стороне клиента, и сервера
Легко выполняет интеграцию с другими фреймворками (Angular, BackboneJS), так как является библиотекой с открытым исходным кодом
Все вышеперечисленные

13/20

Что такое состояние (state) в React?

Постоянное хранилище
Хранение внутренних данных (объекта) компонента

14/20

Что такое ReactJS?

Фреймворк на стороне сервера
Фреймворк пользовательского интерфейса
Библиотека для создания интерфейсов взаимодействия

15/20

Выберите способы, которыми обрабатываются данные в React.

state & props
services & components

16/20

Какие недостатки имеет ReactJS?

Является только уровнем просмотра, все еще есть необходимость подключить код для Ajax запросов,событий и т. д.
Сама библиотека довольно большая.
Процесс обучения может быть медленным.
Все вышеперечисленные

17/20

Выберите правильный ответ касательно JSX

JSX работает быстрее, так как он выполняет оптимизацию при компиляции кода в JavaScript
JSX - это синтаксическая нотация для JavaScript XML
JSX обеспечивает выразительные возможности JavaScript вместе с HTML подобно синтаксическому шаблону
Все вышеперечисленные

18/20

React объединяет переданный вами объект c текущим состоянием (state), используя

setState()
State()

19/20

Произвольный входной сигнал компонентов называется...

Keys
Props
Elements
Ref

20/20

ref используется для ссылки на элемент/компонент, возвращаемый...

react()
render()
reduce()
refer()

Image for the last page of the Certificate