Intern

Тест по React для веб-разработчиков уровня Junior

фреймворк для создания UI

библиотека для создания UI

платформа для создания UI

утилита для создания UI

Библиотека virtual-dom и метод render. (VirtualDOM.render()) 

Библиотека react-dom и метод render. (ReactDOM.render()) 

Библиотека render-dom и метод render. (RenderDom.render()) 

Библиотека react и метод renderElement. (React.renderElement()) 

За отрисовку в react-приложении отвечает следующая конструкция:

Компонентный подход, виртуальный DOM (дерево react-элементов), модульные стили, методы жизненного цикла

Компонентный подход, однонаправленный поток данных, JSX, global state приложения (redux/mobX)

Однонаправленный поток данных, виртуальный DOM (дерево react-элементов), использование webpack и react-scripts, JSX

Однонаправленный поток данных, виртуальный DOM (дерево react-элементов), методы жизненного цикла, react-hooks

Базовыми концепциями react являются:

React - элементы принимают произвольные props и возвращают react - компоненты

React - элементы принимают произвольные react - компоненты и возвращают props

React - компоненты принимают произвольные react - элементы и возвращают props

React - компоненты принимают произвольные props и возвращают react - элементы

Выберите верное утверждение:

Состояние можно изменить как с помощью setState, так и с помощью присвоения значения напрямую

Состояние является локальным относительно компонента и доступно только внутри компонента

setState в качестве параметра может принимать значение совпадающее по типу  с текущим значением

Вызов setState - это асинхронная операция и react самостоятельно определяет оптимальный момент для обновления компонентов

Выберите верные утверждения для state:

props - это объект, свойства которого можно изменять внутри компонента

props - это объект, свойства которого доступны только для чтения внутри компонента

изменения props вызывают перерисовку компонента и всех его потомков

объект props имеет ограничение на размер и не может содержать больше 10 свойств

Выберите верные утверждения для props:

Каждый JSX тег имеет альтернативное представление в виде вызова функции React.createElement(...)

В JSX можно использовать стандартные атрибуты по аналогии с HTML (tabindex, readonly, class и т.д.)

Конечным результатом преобразований тегов JSX будут обычные JavaScript объекты, описывающие соответствующие узлы

Каждый тег JSX это обычный тег HTML

Выберите верные утверждения:

initialization (инициализация), render (отрисовка), updation (обновление), unmounting (размонтирование)

installation (установка), mounting (монтирование), render (отрисовка), unmounting (размонтирование)

initialization (инициализация), mounting (монтирование),render (отрисовка), unmounting (размонтирование)

initialization (инициализация), mounting (монтирование), updation (обновление), unmounting (размонтирование)

Этапы жизненного цикла включают в себя:

useEffect( () => { 	…  исполняемый код }, [ ] );

useEffect( () => { 	…  исполняемый код  	return( ()=> { 		…  исполняемый код  		}); }, [ ] );

useEffect( () => { 	…  исполняемый код зависящий от переменной value }, [value] );

Ни один из перечисленных

Какой из предложенных вариантов использования хука useEffect() реализует метод жизненного цикла componentDidUpdate:

функциональные компоненты могут быть определены только с помощью стрелочных функций

функциональные компоненты не имеют доступа к локальному состоянию

функциональные компоненты обязаны возвращать некое значение (react-элементы, react-компоненты и т.д.)

только функциональные компоненты имеют доступ к react hooks 

Какой из предложенных вариантов использования хука useEffect() реализует метод жизненного цикла componentDidMount:

Какой из предложенных вариантов использования хука useEffect() реализует метод жизненного цикла componentWillUnmount:

В useRef можно положить только ссылку на DOM-элемент

Изменение свойство current вызывает перерисовку компонента

Объект возвращаемый хуком, содержит единственное свойство current

Изменение свойство current не будет вызывать перерисовку компонента

Выберите верные утверждения о хуке useRef:

Какой метод жизненного цикла компонента лучше всего подходит для выполнения сайд-эффектов?

хуки можно вызывать внутри условий и циклов

хуки не могут быть использованы в классовом компоненте

один хук можно вызывать несколько раз в одном компоненте

все хуки являются “чистыми функциями”

при изменении локального состояния компонента

при перерисовке родительского компонента

при перерисовке дочернего компонента

при изменении props компонента

Выберите верные утверждения. Компонент будет перерисован:

У элементов не указан key-prop необходимый для оптимального рендера

У HTML тега div нет атрибута className, а только class

Возвращаемые из компонента react-элементы должны иметь один общий родительский элемент

Какая критическая ошибка допущена на представленном фрагменте кода возвращаемом из react-компонента?

Redux - это универсальное средство разработки, которое может быть использовано в связке с различными библиотеками и фреймворками

Redux - это хранилище, которое позволяет хранить информацию в приложении и сохраняет ее даже после перезагрузки страницы

Redux при каждом изменении store redux возвращает новый объект store

Redux в своей реализации опирается на функционал предоставляемый React (react-hooks, HOC и тд), и не может работать без него

Выберите верные утверждения o Redux

selectors - это функции возвращающие информацию из store

action - это объект содержащий как минимум одно обязательное свойство ‘type’

dispatch - чистая функция отвечающая за обновление store

reducer -  метод вызывающий dispatch и передающий в него action

Выберите верные утверждения o Redux:

Данная конструкция не валидна и код не выполнится

У элементов списка не указан key-props необходимый для оптимального рендера

У el указан тип any из-за этого код не выполнится

Какая ошибка допущена в представленном ниже коде при работе со списками в react?

Тест по React для Frontend-разработчиков

Создайте учетную запись!