Вопрос 1Ответ открыт бесплатно
Что такое URL?
- 1это название сайта
- 2это адрес веб-страницы в интернете✓ Правильный ответ
- 3это имя сервера на котором запущен сайт
✓ Правильный ответ это адрес веб-страницы в интернете
Вопрос 2
Глобальные объекты это …
- 1объекты доступные для всех функций и модулей
- 2объекты к которым модули и функции не имеют доступа
- 3объекты с которыми нельзя взаимодействовать напрямую
Вопрос 3
Глобальный объект … предоставляет доступ к различным функциям и методам, которые позволяют работать с браузером и его свойствами.
- 1navigator
- 2document
- 3window
Вопрос 4
Глобальный объект … содержит информацию о HTML документе, который отображается в браузере.
- 1document
- 2navigator
- 3location
Вопрос 5
Глобальный объект … предоставляет информацию о операционной системе пользователя и конфигурации браузера
- 1widow
- 2document
- 3navigator
Вопрос 6Ответ открыт бесплатно
Глобальный объект … позволяет управлять историей браузера
- 1location
- 2history✓ Правильный ответ
- 3navigator
✓ Правильный ответ history
Вопрос 7
Глобальный объект … используется для получения информации о текущем URL страницы
- 1window
- 2navigator
- 3location
Вопрос 8
Для чего нужна маршрутизация в веб-приложении?
- 1для передачи свойств нужным компонентам
- 2для правильной работы ссылок
- 3для перехода пользователей между страницами и ресурсами
Вопрос 9
Какой инструмент используется для навигации в React?
- 1useNavigate
- 2react-router-dom
- 3react-navigation
Вопрос 10Ответ открыт бесплатно
Route это …
- 1компонент отвечающий за отображение определенной страницы на основе заданного пути URL✓ Правильный ответ
- 2функция для перехода на страницу по заданному пути URL
- 3метод маршрутизатора вызываемый для перехода на определенную страницу
✓ Правильный ответ компонент отвечающий за отображение определенной страницы на основе заданного пути URL
Вопрос 11
Как организовать многоуровневую маршрутизацию используя React Router?
- 1использовать компоненты с props в виде роутов
- 2использовать вложенные маршруты
- 3использовать хук useRouting
Вопрос 12
Какую функцию выполняет react router dom?
- 1управляет состоянием компонентов, запускает механизмы передачи props между компонентами
- 2определяет маршруты, обрабатывает переходы и передачу параметров, выполняет интеграцию с браузером
- 3определяет работу ссылок в проекте, перенаправляет запросы отправленные на сервер
Вопрос 13Ответ открыт бесплатно
За что отвечает компонент Switch?
- 1За рендер всех компонентов на страницу
- 2За роутинг между страницами
- 3За выбор одного из нескольких маршрутов и отображение соответствующего компонента✓ Правильный ответ
✓ Правильный ответ За выбор одного из нескольких маршрутов и отображение соответствующего компонента
Вопрос 14
В каком порядке URL должен быть записан в адресной строке чтобы пользователь смог увидеть информацию о товаре с id=23?
- 1https://
- 2example.ru
- 3/products
- 4/id=23
Вопрос 15
Установите соответствие
- 1Switch
- 2Link
- 3Route
- 4nav
- 5контейнер использующийся для определения порядка обработки маршрутов
- 6функциональный элемент позволяющий пользователям переходить между страницами или состояниями приложения
- 7компонент который определяет путь по которому должен следовать пользователь, чтобы перейти к определенной части приложения
- 8элемент html обозначающий блок навигации
Вопрос 16Ответ открыт бесплатно
В каком аргументе элемента Link нужно указывать маршрут?
- 1href
- 2src
- 3to✓ Правильный ответ
Вопрос 17
В HTML документе тег … обозначает группу ссылок участвующих в навигации по сайту
- 1ul
- 2div
- 3nav
- 4header
Вопрос 18
Какие из компонентов относятся к react-router?
- 1Nav
- 2Route
- 3Switch
- 4Move
Вопрос 19
Функциональный элемент пользовательского интерфейса … ,предоставляемый расширением react-router, позволяет переходить пользователю между путями приложения
- 1Switch
- 2Route
- 3Link
Вопрос 20Ответ открыт бесплатно
Может ли react-router-dom поддерживать более 10 маршрутов?
- 1да, может✓ Правильный ответ
- 2нет, не может
- 3да, но только при помощи условного рендеринга
✓ Правильный ответ да, может
Вопрос 21
Вам предстоит написать SPA приложение. Каким образом это лучше сделать?
- 1Для создания такого приложения нужно импортировать все компоненты в один и организовать внутри него условный рендеринг, таким образом можно бесшовно переключаться между компонентами
- 2Чтобы создать SPA приложение нужно пользоваться глобальными объектами и их методами, это позволит избежать перерендеринга компонентов
- 3Нужно использовать расширение react-router-dom для переключения и маршрутизации страниц React а также доступа к истории браузера
Вопрос 22
Что такое React?
- 1фреймворк JS
- 2язык программирования
- 3библиотека JS
Вопрос 23Ответ открыт бесплатно
Какая компания занимается разработкой React?
- 1Microsoft
- 2Facebook✓ Правильный ответ
- 3Java
- 4Apple
✓ Правильный ответ Facebook
Вопрос 24
Исходный код React открыт в мае … года, на конференции ‘JSConf US’
- 12012
- 22011
- 32013
Вопрос 25
React стал популярным благодаря тому что он …
- 1использует js на котором пишут много человек
- 2появился первым и до сих пор поддерживается в актуальном состоянии
- 3простой, быстрый и позволяет переиспользовать компоненты
Вопрос 26Ответ открыт бесплатно
Что такое окружение React?
- 1это среда разработки которая включает в себя все необходимые инструменты и библиотеки для работы✓ Правильный ответ
- 2это модули и файлы находящиеся в React проекте
- 3это пространство на диске которое React запоминает для быстрого доступа к своим модулям и компонентам
✓ Правильный ответ это среда разработки которая включает в себя все необходимые инструменты и библиотеки для работы
Вопрос 27
Что такое Node.js?
- 1кроссплатформенная среда исполнения с открытым исходным кодом
- 2язык программирования
- 3библиотека сценариев JS
Вопрос 28
Пакетный менеджер npm используется для …
- 1написания кода на Node.js
- 2управления модулями и зависимостями проекта
- 3для отправки данных на сервер
Вопрос 29
npx - это …
- 1программа для запуска React проекта
- 2программа для запуска пакетов npm
- 3программа для запуска кода на Node.js
Вопрос 30Ответ открыт бесплатно
npm пакеты позволяют …
- 1использовать уже написанный код✓ Правильный ответ
- 2избежать проблем с установкой React проекта
- 3выполнять React на стороне браузера
✓ Правильный ответ использовать уже написанный код
Вопрос 31
Какой командой можно собрать React-проект?
- 1npm create react app ‘имя проект’
- 2npx create-react-app ‘имя проекта’
- 3node create-react-app имя-проекта’
Вопрос 32
Сборщик проекта нужен для …
- 1создания шаблона сайта и отправки его на хостинг, он также позволяет осуществлять дальнейшую поддержку сайта
- 2no-code программирования, его настройки позволяют указать желаемый шаблон сайта
- 3автоматизации процесса создания сайта, позволяет упростить работу с исходным кодом, облегчить его поддержку и сократить размер итогового проекта.
Вопрос 33Ответ открыт бесплатно
Что используется для сборки React проекта по умолчанию?
- 1webpack✓ Правильный ответ
- 2vite
- 3gulp
- 4parcel
✓ Правильный ответ webpack
Вопрос 34
Установите соответствие между определениями и описанием
- 1Node.js
- 2Webpack
- 3React
- 4npm
- 5Среда выполнения
- 6Сборщик проектов
- 7Библиотека
- 8Менеджер пакетов
Вопрос 35
В чём главная особенность React?
- 1использует модули и компоненты
- 2создаёт виртуальное DOM-дерево
- 3выполняется в Node.js
Вопрос 36Ответ открыт бесплатно
JSX - это …
- 1расширение синтаксиса React
- 2расширение синтаксиса Node.js
- 3расширение синтаксиса JavaScript✓ Правильный ответ
✓ Правильный ответ расширение синтаксиса JavaScript
Вопрос 37
React использует … для организации кода и обеспечения модульности компонентов
- 1npm пакеты
- 2Node.js
- 3модули
Вопрос 38
На каких языках можно писать на React?
- 1На любом языке программирования
- 2Только на тех которые можно скомпилировать в JS
- 3Только на JS
Вопрос 39
В каком порядке нужно написать команды чтобы установить React проект?
- 1npx create-react-app project-name
- 2npm install
- 3npm start
Вопрос 40Ответ открыт бесплатно
Коллекции предварительно написанных фрагментов кода, которые веб-разработчики могут повторно использовать для выполнения стандартных функций JavaScript - это …
- 1Node.js
- 2Библиотеки JS✓ Правильный ответ
- 3npx
✓ Правильный ответ Библиотеки JS
Вопрос 41
Чем библиотека отличается от фреймворка?
- 1ничем, это одинаковые определения
- 2библиотека - набор методов,не влияющих на архитектуру проекта, фреймворк - содержит дополнительные инструменты и задаёт архитектуру проекта
- 3библиотека - это набор методов для работы приложения, фреймворк - это инструмент для создания библиотек
Вопрос 42
Вы только что переустановили операционную систему, и вам нужно создать React проект для работы. Какие шаги вы предпримете?
- 1Сначала устанавливается среда разработки Node.js командой npm install node, после этого устанавливается пакет для создания приложения через команду node install create-react-app. Потом создаём проект и даём ему имя командой npx create-react-app project-name. После этого запускаем проект командой node index.js
- 2В начале нужно установить npx командой npx install, затем создать react проект командой npx create-react-app project-name. После этого для запуска проекта устанавливаем Node.js и пакетный менеджер npm. После установки запустить проект командой npm start
- 3Для начала нужно установить Node.js с менеджером пакетов npm. Затем нужно проверить наличие npx, и если его нет, то установить. Потом глобально устанавливаем пакет для быстрого создания приложения через команду npm install -g create-react-app.После этого в консоли нужно ввести npx create-react-app и указать имя проекта, когда проект установится нужно установить зависимости командой npm i и в конце запустить проект командой npm start
Вопрос 43Ответ открыт бесплатно
Условный рендеринг это …
- 1механизм позволяющий поместить компонент в Virtual DOM до его полной отрисовки
- 2механизм позволяющий создавать невидимые компоненты для описания логики работы приложения
- 3механизм позволяющий показывать или скрывать элементы в зависимости от определенных условий✓ Правильный ответ
✓ Правильный ответ механизм позволяющий показывать или скрывать элементы в зависимости от определенных условий
Вопрос 44
Что можно использовать для условного рендеринга?
- 1оператор &&
- 2оператор ?
- 3if
- 4switch
Вопрос 45
CSS модуль - это …
- 1общая папка для стилей
- 2название компонента с описанными стилями для проекта
- 3способ написать стили с уникальными именами классов для каждого компонента
Вопрос 46Ответ открыт бесплатно
Как рекомендуют называть файлы компонентов в React?
- 1с большой буквы✓ Правильный ответ
- 2с маленькой буквы
- 3со слова use
✓ Правильный ответ с большой буквы
Вопрос 47
React Fragment это …
- 1заранее написанный фрагмент кода который можно подключить и использовать в проекте
- 2это дополнительная JS библиотека позволяющая использовать модульную структуру в React приложении
- 3компонент React, который используется для группировки нескольких элементов
Вопрос 48
Для чего нужен JSX?
- 1для передачи props в компонентах React
- 2для описания пользовательского интерфейса внутри JavaScript кода
- 3Это стандартный механизм React, позволяющий писать на нём код.
Вопрос 49
Стили написанные прямо внутри компонента называются …
- 1styled components
- 2css-in-js
- 3inline-styles
Вопрос 50Ответ открыт бесплатно
Хук … можно использовать для условного рендеринга компонента
- 1useState✓ Правильный ответ
- 2useEffect
- 3useRender
✓ Правильный ответ useState
Вопрос 51
React компонент представляет из себя …
- 1объект
- 2функцию или класс
- 3библиотеку
Вопрос 52
Что такое состояние компонента?
- 1объект
- 2метод
- 3хук useState
Вопрос 53Ответ открыт бесплатно
Какая разница между оператором условного рендеринга и оператором if/else
- 1с оператором условного рендеринга можно использовать только теги, но не компоненты
- 2if/else нельзя использовать для условного рендеринга
- 3нет различий✓ Правильный ответ
✓ Правильный ответ нет различий
Вопрос 54
Можно ли использовать несколько операторов условного рендеринга в коде?
- 1да, можно сколько угодно
- 2да, можно но не больше двух
- 3нет, нельзя
Вопрос 55
Как можно использовать переменные при условном рендеринге стилей?
- 1для этого нельзя использовать обычные переменные
- 2можно использовать их вместе с тернарным оператором
- 3можно использовать их для сравнения в switch
Вопрос 56Ответ открыт бесплатно
Какие ситуации можно решить с помощью оператора условного рендеринга?
- 1отображение разных компонентов в зависимости от условия✓ Правильный ответ
- 2передача props при определённых условиях
- 3управление видимостью элементов на странице✓ Правильный ответ
- 4динамическое изменение стилей в зависимости от условий✓ Правильный ответ
- 5асинхронные запросы внутри компонента
✓ Правильный ответ отображение разных компонентов в зависимости от условия ; управление видимостью элементов на странице ; динамическое изменение стилей в зависимости от условий
Вопрос 57
Сопоставьте определения и описание
- 1условный рендеринг
- 2styled-components
- 3хук
- 4render
- 5способ скрытия и показа компонентов на странице
- 6библиотека стилей
- 7функция позволяющая использовать состояние и эффекты
- 8функция для отрисовки компонента на страницу
Вопрос 58
Ответы: a-2,b-3,c-4,d-1 При запуске следующего кода в консоль выведется …
const [name, setName] = useState(‘Pete’)
useEffect(() =>
{ console.log(name)
})
setName(‘Ivan’)
return (<></>)
- 1Pete, Ivan
- 2Ivan
- 3Pete
- 4ошибка
Вопрос 59
При запуске следующего кода в консоль выведется …
const [name, setName] = useState(‘John’)
useEffect(() =>
{ console.log(name)
setTimeout(() => {setName(‘Anna’)}, 1000)
},[name])
return (<></>)
- 1John, Anna
- 2Anna
- 3John
- 4ошибка
Вопрос 60Ответ открыт бесплатно
Как передать условие для условного рендеринга из родительского в дочерний компонент?
- 1использовать хук useState
- 2использовать хук useEffect
- 3использовать props✓ Правильный ответ
✓ Правильный ответ использовать props
Вопрос 61
В каком порядке выполняется рендеринг в React?
- 1Вычисляются все props
- 2Выполняются хуки компонента
- 3Выполняется функция render
Вопрос 62
В React можно использовать … для скрытия и показа компонентов на странице
- 1хуки
- 2props
- 3условный рендеринг
Вопрос 63Ответ открыт бесплатно
Как можно организовать условный рендеринг стилей в реакт?
- 1Можно использовать хук useEffect который будет создавать переменные состояния, в них записать необходимые стили, и затем применять их используя функции обработчики
- 2Можно создать переменную состояния с булевым значением, и затем использовать её вместе с тернарным оператором для присвоения стилей в зависимости от значения переменной.✓ Правильный ответ
- 3Необходимо создать дочерний элемент внутрь которого через props передать булевое значение которое можно использовать в конструкции if/else для определения стилей.
✓ Правильный ответ Можно создать переменную состояния с булевым значением, и затем использовать её вместе с тернарным оператором для присвоения стилей в зависимости от значения переменной.
Вопрос 64
Принцип единичной ответственности означает …
- 1что каждый разработчик отвечает за один проект
- 2что каждый компонент выполняет одну задачу
- 3что каждый файл должен содержать не больше одной функции
Вопрос 65
Что такое React компонент?
- 1это JavaScript функция или класс
- 2это объект описывающий элемент
- 3это элемент полученный из сторонней библиотеки
Вопрос 66Ответ открыт бесплатно
Принцип SPA означает что …
- 1приложение будет перезагружать страницы при каждом взаимодействии с пользователем
- 2приложение будет загружаться один раз, и последующее взаимодействие с пользователем будет без перезагрузки✓ Правильный ответ
- 3приложение не будет использовать переходы между своими ресурсами
✓ Правильный ответ приложение будет загружаться один раз, и последующее взаимодействие с пользователем будет без перезагрузки
Вопрос 67
React компонент можно создать используя …
- 1класс
- 2объект
- 3массив
- 4функцию
Вопрос 68
Что такое жизненный цикл React компонента?
- 1это последовательность состояний через который проходит React компонент
- 2это реализация движка React который проверяет состояние компонента
- 3это процесс который запускает виртуальное dom дерево для отслеживания компонента
Вопрос 69
В какой последовательности выполняются фазы жизненного цикла React компонента?
- 1Initialization
- 2Mounting
- 3Updating
- 4Unmounting
Вопрос 70Ответ открыт бесплатно
Когда срабатывает метод жизненного цикла componentWillMount?
- 1перед удалением компонента
- 2в момент монтирования компонента
- 3перед монтированием компонента✓ Правильный ответ
✓ Правильный ответ перед монтированием компонента
Вопрос 71
Функция … срабатывает перед удалением компонента из DOM дерева
- 1componentWillMount
- 2componentWillUnmount
- 3componentDidUnmount
Вопрос 72
Что такое JSX?
- 1это расширение синтаксиса JS
- 2это пакет расширений для React
- 3это специальный синтаксис используемый только в React
Вопрос 73Ответ открыт бесплатно
Что такое Css-in-Js?
- 1это подход к стилизации React-приложений, при котором CSS стили определяются и применяются прямо в JavaScript-коде компонента✓ Правильный ответ
- 2Это подключение стилей в JavaScript файле вместо HTML
- 3Это возможность создать тег style внутри React компонента и описывать стили внутри него
✓ Правильный ответ это подход к стилизации React-приложений, при котором CSS стили определяются и применяются прямо в JavaScript-коде компонента
Вопрос 74
Сопоставьте этапы жизненного цикла и их описание
- 1Mounting
- 2Unmounting
- 3Updating
- 4компонент добавляется в DOM
- 5компонент удаляется из DOM
- 6текущее состояние сравнивается с предыдущим и обновляется
Вопрос 75
Чем отличаются SPA и MPA?
- 1SPA приложение перезагружает каждую страницу отдельно а MPA загружает все данные сразу
- 2SPA приложение загружает все данные сразу, а MPA загружает каждую страницу отдельно
- 3SPA приложение загружает данные сразу и использует перезагрузку для каждой страницы, MPA загружает каждую страницу отдельно
Вопрос 76Ответ открыт бесплатно
CSS модуль - это …
- 1способ написать стили с уникальными именами классов для каждого компонента✓ Правильный ответ
- 2название папки со стилями
- 3файл который описывает стили для всего проекта
✓ Правильный ответ способ написать стили с уникальными именами классов для каждого компонента
Вопрос 77
Какие принципы разделения компонентов React существуют?
- 1разделение на основе количества тегов
- 2принцип единичной ответственности
- 3разделение для повторного использования
- 4разделение для одноразового использования
- 5разделение на основе сложности
Вопрос 78
Какой формат рекомендуется для именования React компонентов
- 1со строчной буквы
- 2с заглавной буквы
- 3со слова component
- 4с цифры
Вопрос 79
Способ именования … подразумевает что первое слово начинается с маленькой буквы, а каждое последующее слово с заглавной буквы
- 1kebabCase
- 2PascalCase
- 3camelCase
Вопрос 80Ответ открыт бесплатно
Для чего нужен render() внутри компонента React?
- 1Для импорта html кода
- 2для создания и возврата виртуального дерева✓ Правильный ответ
- 3для запуска вспомогательных функций
✓ Правильный ответ для создания и возврата виртуального дерева
Вопрос 81
React делает приложение “реактивным” за счет использования …
- 1VirtualDOM
- 2функций и классов
- 3фрагментов
Вопрос 82
Для создания пользовательских интерфейсов в мобильных и веб-приложениях а также одностраничных сайтах, можно использовать …
- 1Node.js
- 2React
- 3inline-css
- 4Websocket
Вопрос 83Ответ открыт бесплатно
Вы начинаете писать большое веб-приложение, оно должно быть надежным и быстрым. Какие инструменты Вы будете использовать, и как организуете Ваш код?
- 1Можно написать код на JavaScript используя модули, большие приложения сильно нагружают систему, поэтому использование фреймворков и библиотек будет нагружать нагружать систему ещё больше.
- 2Буду писать код на React используя корневой файл проекта в качестве основы всего сайта, однофайловый способ написания позволит загрузить сайт всего лишь один раз что позволит увеличить скорость загрузки, и будет надёжнее чем распределять код по файлам
- 3Напишу код на React, используя компоненты можно по максимуму использовать реактивность. Файлы проекта буду хранить в отдельных папках и файлах, в дальнейшем это позволит проще поддерживать проект✓ Правильный ответ
✓ Правильный ответ Напишу код на React, используя компоненты можно по максимуму использовать реактивность. Файлы проекта буду хранить в отдельных папках и файлах, в дальнейшем это позволит проще поддерживать проект
Вопрос 84
Объект … позволяет собирать данные с формы
- 1JSON
- 2Date
- 3FormData
Вопрос 85
Input значение которого управляется внешним значением называется …
- 1управляемый input
- 2зависимый input
- 3дочерний input
Вопрос 86Ответ открыт бесплатно
В чём смысл stateFull подхода?
- 1Использование переменных состояния вместо обычных переменных
- 2управление компонентами за счет из связки с переменными состояния✓ Правильный ответ
- 3использование хука useEffect для рендеринга компонента
✓ Правильный ответ управление компонентами за счет из связки с переменными состояния
Вопрос 87
Подход React под названием … подразумевает отсутствие состояния у компонента React
- 1stateLess
- 2stateFull
- 3unstate components
Вопрос 88
Что означает определение - зависимое поле ввода?
- 1каждый раз когда меняется значение поля ввода состояние компонента так же меняется
- 2когда меняется значение props компонента, меняется и значение в поле ввода
- 3поле ввода зависит от результата работы функции/метода
Вопрос 89
Установите соответствие
- 1stateLess
- 2useState
- 3stateFull
- 4подход при котором компоненты не имеют собственного состояния
- 5хук для создания переменной состояния
- 6подход, при котором у каждого компонента есть своё состояние, которое хранится в памяти и меняется со временем
Вопрос 90Ответ открыт бесплатно
Элемент на веб-странице предназначенный для сбора информации называется …
- 1form✓ Правильный ответ
- 2footer
- 3body
Вопрос 91
Как создать форму на веб-странице?
- 1использовать хук useForm для создания формы
- 2в функции render нужно использовать html тег ˂ form ˃
- 3сгруппировать несколько input в один блок с id = ‘form’
Вопрос 92
Атрибут … используется для указания url на который будет отправлена форма
- 1href
- 2src
- 3action
Вопрос 93Ответ открыт бесплатно
Какие теги нельзя использовать внутри тега form?
- 1div и другие блочные теги
- 2span, i, b, em и другие строчные теги
- 3style, script и другие теги не предназначенные для создания формы✓ Правильный ответ
✓ Правильный ответ style, script и другие теги не предназначенные для создания формы
Вопрос 94
Какое событие React инициирует отправку данных формы?
- 1onSubmit
- 2onClick
- 3onFetch
Вопрос 95
Элемент button в форме по умолчанию имеет type = …
- 1button
- 2reset
- 3submit
Вопрос 96Ответ открыт бесплатно
Обёртки над полями ввода в React - это …
- 1компоненты для управления логикой поля✓ Правильный ответ
- 2функции для обработки запроса
- 3переменные состояния
✓ Правильный ответ компоненты для управления логикой поля
Вопрос 97
Каким образом можно установить начальное значение для обертки над полем ввода React?
- 1Создать хук useEffect с новой переменной содержащей состояние
- 2Создать переменную состояния при помощи хука useState
- 3Использовать библиотеку react-default
Вопрос 98
Какое событие React срабатывает при изменении значения в input?
- 1onChange
- 2onValue
- 3onState
Вопрос 99
При помощи хука … можно создать ссылку на элемент формы в React
- 1useState
- 2useForm
- 3useRef
Вопрос 100Ответ открыт бесплатно
Сколько форм можно создать в веб-приложении?
- 1одну
- 2не более пяти
- 3сколько угодно✓ Правильный ответ
✓ Правильный ответ сколько угодно
Вопрос 101
Есть ли разница между FormData и JSON?
- 1Нет, FormData автоматически преобразуется в JSON
- 2Да, это два разных способа передачи данных
- 3Да, FormData это внутренний объект React а JSON это формат передачи данных
Вопрос 102
Хуки - это …
- 1функции, которые позволяют использовать состояние и другие возможности React без написания классов
- 2основной способ работы с компонентами React, заменяющий классы и методы жизненного цикла
- 3синтаксический сахар для более удобного использования функций обратного вызова в React
Вопрос 103Ответ открыт бесплатно
Тег input по умолчанию имеет type = …
- 1null
- 2string
- 3text✓ Правильный ответ
Вопрос 104
В каком случае в React лучше использовать stateFull компоненты а в каком stateLess?
- 1stateFull компоненты лучше использовать когда не нужно сохранять состояние между обновлениями экрана, а stateLess наоборот используется для компонентов в которых важно сохранять состояние
- 2stateFull компоненты используются в react по умолчанию, а stateLess компоненты нужно использовать для обработки форм
- 3stateFull компоненты используются когда нужно отобразить компонент и сохранить его состояние между обновлениями экрана, а stateLess используются когда нужно отобразить компонент без сохранения состояния
Вопрос 105
Хук … используется для кэширования результатов выполнения функции
- 1useEffect
- 2useRef
- 3useMemo
- 4useCallback
Вопрос 106Ответ открыт бесплатно
Хук … используется для создания состояния компонента
- 1useContext
- 2useEffect
- 3useState✓ Правильный ответ
✓ Правильный ответ useState
Вопрос 107
Что такое список в React?
- 1паттерн программирования
- 2переданное значение
- 3компонент отображающий данные
Вопрос 108
Метод … широко используется для создания списков в реакт
- 1.render
- 2.map
- 3.reduce
Вопрос 109
Какой метод можно использовать для удаления элемента списка составленного из массива?
- 1put
- 2shift
- 3splice
Вопрос 110Ответ открыт бесплатно
В каком порядке нужно совершить действия чтобы сделать рендер списка?
- 1создать массив с данными списка
- 2создать компонент списка ul
- 3использовать метод map
- 4использовать метод render
✓ Правильный ответ создать массив с данными списка
; создать компонент списка ul ; использовать метод map
; использовать метод render
Вопрос 111
Хук … используется для создания ссылки на DOM-элемент
- 1useMemo
- 2useRef
- 3useState
- 4useDom
Вопрос 112
Атрибут … используется React для определения какие элементы списка были добавлены, изменены или удалены
- 1status
- 2key
- 3id
Вопрос 113Ответ открыт бесплатно
Можно ли использовать оператор условного рендеринга для скрытия списка, который сделан из массива элементов?
- 1да, можно✓ Правильный ответ
- 2да, только если в списке нет элементов
- 3нет, нельзя
✓ Правильный ответ да, можно
Вопрос 114
Что такое Memoized function?
- 1функция созданная через хук useMemo
- 2функция созданная
- 3функция сохраняющая результат первого вызова и возвращающая его в последствии
Вопрос 115
В чём заключается смысл кэширования?
- 1позволяет сократить время загрузки страницы
- 2позволяет долговременно хранить данные пользователя
- 3позволяет создавать меньше переменных
Вопрос 116Ответ открыт бесплатно
Хук … используется для выполнения кода после обновления компонента
- 1useMemo
- 2useRef
- 3useEffect✓ Правильный ответ
✓ Правильный ответ useEffect
Вопрос 117
Контекст в React приложении - это …
- 1область видимости компонента
- 2особое состояние компонента которое хранит все доступные компоненту зависимости
- 3механизм позволяющий передавать данные вниз по дереву компонентов без передачи props
Вопрос 118
Что такое кэширование?
- 1это процесс отправки данных на сервер
- 2это процесс сохранения данных на быстром носителе информации
- 3это сохранение данных в состоянии компонента
Вопрос 119
Как скрыть список не имеющий элементов?
- 1использовать метод массива .hide
- 2удалить компонент из DOM дерева
- 3использовать условный рендеринг
Вопрос 120Ответ открыт бесплатно
Хук … используется для передачи данных вниз по дереву компонентов
- 1useState
- 2useContext✓ Правильный ответ
- 3useProps
✓ Правильный ответ useContext
Вопрос 121
Установите соответствие
- 1Используется для создания ссылки на элемент DOM дерева
- 2Используется для создания memoized callback функций
- 3Используется для кэширования результата
- 4useRef
- 5useCallback
- 6useMemo
Вопрос 122
Сколько ссылок на элементы может хранить хук useRef?
- 1одну
- 2две
- 3три
Вопрос 123Ответ открыт бесплатно
Хук useMemo даёт возможность …
- 1кэшировать результат выполнения функции✓ Правильный ответ
- 2сохранить результат выполнения функции в состояние компонента
- 3получить дочерним компонентам к родительским props
✓ Правильный ответ кэшировать результат выполнения функции
Вопрос 124
В каких случаях использовать хук useMemo, а в каких лучше обойтись без него?
- 1стоит использовать хук useMemo для кэширования результатов всех функций, так как все функции могут быть вызваны с одними и теми же данными, такой подход может ускорить работу приложения, не стоит избегать его использования
- 2стоит использовать этот хук если кэшируемая функция вызывается редко, таким образом можно не прибегать к вызову функции и сразу возвращать результат, стоит избегать вызовов useMemo при частом использовании функций
- 3его стоит использовать для кэширования результата дорогостоящих операций, но если результаты не меняются или не зависят от входных данных, лучше его не использовать
Вопрос 125
Что будет выведено в консоль
let name = ‘Alex’
useEffect(() => {
name = ‘Ivan’
})
console.log(name)
- 1Alex
- 2Ivan
- 3ошибку
Вопрос 126Ответ открыт бесплатно
Что такое API?
- 1это набор правил и процедур, которые позволяют одной компьютерной программе взаимодействовать с другой✓ Правильный ответ
- 2это набор правил и процедур которые позволяют приложению передавать props от дочернего компонента к родительскому
- 3это набор методов для управления состоянием приложения, и его жизненным циклом
✓ Правильный ответ это набор правил и процедур, которые позволяют одной компьютерной программе взаимодействовать с другой
Вопрос 127
REST - это …
- 1набор правил для именования и использования URL
- 2документация по созданию SPA приложений, в которой описывается создание элементов пользовательских интерфейсов
- 3это архитектурный стиль, который используется для разработки распределенных веб-сервисов
Вопрос 128
Зачем нужно придерживаться стиля REST API при создании приложения?
- 1соблюдение стиля REST API позволяет исключить архитектурные ошибки при создании веб-приложения
- 2соблюдение стиля REST API при разработке приложения позволяет обеспечить гибкость и возможность взаимодействия с другими системами
- 3использование стиля REST API позволяет создавать многостраничные приложения которые работают так же быстро как и одностраничные
Вопрос 129
Что такое RESTfull приложение?
- 1это веб-приложение которое следует принципам REST архитектуры
- 2это приложение которое использует стандартные методы для взаимодействия с API
- 3это приложение которое игнорирует REST архитектуру и использует свои решения
Вопрос 130Ответ открыт бесплатно
Методы http определяющие каким способом пользователь может взаимодействовать с сервером называются …
- 1методы API
- 2методы подключения
- 3методы запроса✓ Правильный ответ
✓ Правильный ответ методы запроса
Вопрос 131
Метод … используется для получения информации о ресурсе
- 1GET
- 2PUT
- 3POST
- 4DELETE
Вопрос 132
Метод … используется для обновления ресурса
- 1GET
- 2PUT
- 3POST
- 4PATCH
Вопрос 133Ответ открыт бесплатно
Для чего нужны заголовки запроса?
- 1для указания параметров запроса✓ Правильный ответ
- 2для указания url запроса
- 3для отправки тегов html заголовков на сервер
✓ Правильный ответ для указания параметров запроса
Вопрос 134
Заголовок запроса … указывает на тип данных, указанных в теле запроса
- 1Realization
- 2Method
- 3Content-Type
Вопрос 135
Метод … используется для создания новых ресурсов или отправки данных на сервер
- 1PUT
- 2PATCH
- 3POST
- 4GET
Вопрос 136Ответ открыт бесплатно
Какой формат передачи данных можно использовать для передачи данных чаще всего используется в REST API?
- 1CSS
- 2HTML
- 3JSON✓ Правильный ответ
- 4Table
Вопрос 137
Как можно передать данные в запросе REST API используя fetch?
- 1использовать метод GET и передать данные в формате JSON в свойство data
- 2использовать метод POST и передать данные в формате JSON в свойство body
- 3использовать файл метод POST и передать данные в формате JSON в свойство data
Вопрос 138
Метод … используется для частичного обновления ресурса
- 1PATCH
- 2PUT
- 3POST
- 4GET
Вопрос 139
Для разделения кода на небольшие логические блоки в React нужно использовать …
- 1Компоненты
- 2Функции
- 3Хуки
- 4Методы
Вопрос 140Ответ открыт бесплатно
Метод … используется для удаления ресурса
- 1REMOVE
- 2POST
- 3DELETE✓ Правильный ответ
- 4GET
✓ Правильный ответ DELETE
Вопрос 141
В каком порядке выполняются методы жизненного цикла?
- 1constructor
- 2componentWillMount
- 3render
- 4componentDidMount
Вопрос 142
Что такое JSON?
- 1библиотека
- 2формат данных
- 3метод
- 4фреймворк
Вопрос 143Ответ открыт бесплатно
Установите соответствие
- 1POST✓ Правильный ответ
- 2PATCH✓ Правильный ответ
- 3PUT✓ Правильный ответ
- 4Отправляет данные на сервер✓ Правильный ответ
- 5Частично обновляет ресурс✓ Правильный ответ
- 6Полностью обновляет ресурс✓ Правильный ответ
✓ Правильный ответ POST = Отправляет данные на сервер ; PATCH = Частично обновляет ресурс ; PUT = Полностью обновляет ресурс
Вопрос 144
Расширение … используется для управления маршрутизацией в React приложении
- 1react-router-dom
- 2react-dom
- 3react-path
Вопрос 145
Современный метод для запросов к серверу называется
- 1XMLHttpRequest
- 2Fetch
- 3Request
Вопрос 146Ответ открыт бесплатно
Какие технологии Вы бы использовали при создании небольшого и быстрого веб-приложения SPA приложения?
- 1В качестве основы был бы JavaScript разделённый на модули, быстродействие обеспечивалось бы за счёт callback функций. Для реализации SPA можно создать классы с методами возвращающими заготовки html страниц
- 2Для создания такого приложения можно использовать React и хуки при помощи которых можно сделать функционал SPA приложения. За быстродействие отвечает Virtual DOM
- 3Для создания быстрого приложения можно использовать React. Разделение кода на компоненты позволяет улучшить быстродействие, а за счёт использования расширений таких как react-router-dom реализовать функционал SPA приложения.✓ Правильный ответ
✓ Правильный ответ Для создания быстрого приложения можно использовать React. Разделение кода на компоненты позволяет улучшить быстродействие, а за счёт использования расширений таких как react-router-dom реализовать функционал SPA приложения.
Вопрос 147
Что такое родительский компонент?
- 1компонент который всегда является главным компонентом проекта
- 2это компонент содержащий в себе только дочерние компоненты
- 3это компонент содержащий в себе как дочерние так и другие родительские компоненты
Вопрос 148
Компонент находящийся внутри другого компонента, называется … компонентом.
- 1братским
- 2дочерним
- 3наследуемым
- 4внутренним
Вопрос 149
Props - это …
- 1свойства которые передаются от родительского компонента к дочернему
- 2свойства которые передаются от дочернего компонента к родительскому
- 3методы передачи значений от компонента к компоненту
Вопрос 150Ответ открыт бесплатно
Передача свойств сверху вниз от родительского компонента к дочерним называется …
- 1Props Drilling✓ Правильный ответ
- 2Props
- 3Hook
- 4Props Throw
✓ Правильный ответ Props Drilling
Вопрос 151
Что такое React Hooks?
- 1это классы предоставляющие методы для работы с компонентами
- 2это механизм позволяющий использовать возможности React без написания классов
- 3это функции для рендера компонентов
Вопрос 152
Какое количество хуков можно использовать в React компоненте?
- 12
- 25
- 39
- 412
- 5Любое количество
Вопрос 153Ответ открыт бесплатно
Для работы с состоянием компонента используется хук …
- 1useMemo
- 2useEffect
- 3useState✓ Правильный ответ
- 4useCallback
✓ Правильный ответ useState
Вопрос 154
Для выполнения побочных действий после отрисовки компонента используется хук …
- 1useState
- 2useEffect
- 3useMemo
- 4useCallback
Вопрос 155
В какой последовательности цифры попадут в консоль при выполнении данного кода?
function App() {
log(1)
useEffect(() => {
log(2);
})
log(3);
//код
- 11
- 23
- 32
Вопрос 156Ответ открыт бесплатно
Для чего нужны функции обработчики?
- 1для обработки данных полученных из props
- 2для обработки событий, таких как клики, нажатия клавиш✓ Правильный ответ
- 3для рендера React компонентов
✓ Правильный ответ для обработки событий, таких как клики, нажатия клавиш
Вопрос 157
Как правильно передать объект события внутрь функции?
- 1˂button onClick={(event) =˃ handler(event)}˃˂/button˃
- 2˂button onClick={handler(event)}˃˂/button˃
- 3˂button onClick=handler(event)˃˂/button˃
Вопрос 158
В каком порядке создаются значения при использовании хука useState?
- 1переменная,переменная
- 2переменная,функция
- 3функция,переменная
- 4функция, функция
Вопрос 159
Объект который хранит данные компонента называется …
- 1хук
- 2метод
- 3состояние
- 4рендер
Вопрос 160Ответ открыт бесплатно
Можно ли записать сразу несколько переменных состояния в один хук useState?
- 1да, можно
- 2нет, нельзя✓ Правильный ответ
- 3да, можно, но не больше двух
✓ Правильный ответ нет, нельзя
Вопрос 161
Квадратные скобки после функции внутри useEffect используются для …
- 1передачи значения задержки выполнения хука
- 2сохранения результатов выполнения useEffect
- 3передачи значений для отслеживания
Вопрос 162
Установите соответствие
- 1props
- 2hooks
- 3render
- 4состояние
- 5свойства передаваемые в компонент
- 6функции для работы с состоянием, эффектами и т.д
- 7функция для отображения данных на экране
- 8объект со свойствами компонента
Вопрос 163Ответ открыт бесплатно
Что будет выведено в консоль?
const [name, setName] = useState(‘John’)
console.log(name)
- 1undefined
- 2null
- 3John✓ Правильный ответ
- 4[object, object]
Вопрос 164
Состояние компонента это …
- 1метод
- 2массив
- 3объект
- 4переменная
Вопрос 165
Функция создаваемая вместе с переменной состояния при использовании хука useState нужна для …
- 1вызова нового хука
- 2обновления переменной состояния
- 3передачи начального значения переменной
Вопрос 166
React использует … передачу данных в компонентах
- 1двустороннюю
- 2одностороннюю
- 3промежуточную
- 4родительскую
Вопрос 167Ответ открыт бесплатно
Вы пишете компонент который в момент своей отрисовки должен выводить текст, полученный с сервера. Как Вы это сделаете?
- 1Напишу хук useState для создания переменной состояния. Через хук useEffect получу текст и сохраню его в переменную состояния. После этого можно будет отрисовать текст в функции render.✓ Правильный ответ
- 2Напишу хук useEffect для создания переменной состояния, затем создам хук useState чтобы после отрисовки компонента получить в нём текст и записать в переменную состояния. Сделаю рендер компонента в методе render
- 3Создам хук useEffect для создания переменной состояния. В методе жизненного цикла componentWillMount напишу запрос на сервер, при помощи которого получу текст. Сохраню его в переменной состояния и сделаю рендер текста на сраницу в функции render
✓ Правильный ответ Напишу хук useState для создания переменной состояния. Через хук useEffect получу текст и сохраню его в переменную состояния. После этого можно будет отрисовать текст в функции render.