Стек технологий JavaScript (Темы 1-8)

1. Элемент button в форме по умолчанию имеет type = …
button
reset
submit
2. Тег input по умолчанию имеет type = …
null
string
text
3. REST - это …
набор правил для именования и использования URL
документация по созданию SPA приложений, в которой описывается
создание элементов пользовательских интерфейсов
это архитектурный стиль, который используется для разработки распределенных веб-сервисов
4. Коллекции предварительно написанных фрагментов кода, которые веб-разработчики могут повторно использовать для выполнения стандартных функций JavaScript - это …
Node.js
Библиотеки JS
npx
5. Что такое кэширование?
это процесс отправки данных на сервер
это процесс сохранения данных на быстром носителе информации
это сохранение данных в состоянии компонента
6. Как можно использовать переменные при условном рендеринге стилей?
для этого нельзя использовать обычные переменные
можно использовать их вместе с тернарным оператором
можно использовать их для сравнения в switch
7. Сопоставьте определения и описание
A. условный рендеринг
B. styled-components
C. хук
D. render
E. способ скрытия и показа компонентов на странице
F. библиотека стилей
G. функция позволяющая использовать состояние и эффекты
H. функция для отрисовки компонента на страницу
8. npx - это …
программа для запуска React проекта
программа для запуска пакетов npm
программа для запуска кода на Node.js
9. Состояние компонента это …
метод
массив
объект
переменная
10. В каком случае в React лучше использовать stateFull компоненты а в каком stateLess?
stateFull компоненты лучше использовать когда не нужно сохранять состояние между обновлениями экрана, а stateLess наоборот используется для компонентов в которых важно сохранять состояние
stateFull компоненты используются в react по умолчанию, а stateLess компоненты нужно использовать для обработки форм
stateFull компоненты используются когда нужно отобразить компонент и сохранить его состояние между обновлениями экрана, а stateLess используются когда нужно отобразить компонент без сохранения состояния
11. Может ли react-router-dom поддерживать более 10 маршрутов?
да, может
нет, не может
да, но только при помощи условного рендеринга
12. Что такое Memoized function?
функция созданная через хук useMemo
Функция созданная
функция сохраняющая результат первого вызова и возвращающая его в последствии
13. Для разделения кода на небольшие логические блоки в React нужно использовать…
Функции
Хуки
Методы
Компоненты
14. Какие ситуации можно решить с помощью оператора условного рендеринга? (множественный выбор или один)
отображение разных компонентов в зависимости от условия
передача props при определённых условиях
управление видимостью элементов на странице
динамическое изменение стилей в зависимости от условий
асинхронные запросы внутри компонента
15. Какая компания занимается разработкой React?
Microsoft
Facebook
Java
Apple
16. Хук … используется для кэширования результатов выполнения функции
useEffect
useRef
useMemo
useCallback
17. Контекст в React приложении - это …
область видимости компонента
особое состояние компонента которое хранит все доступные компоненту зависимости
механизм позволяющий передавать данные вниз по дереву компонентов без передачи props
18. Принцип единичной ответственности означает …
что каждый разработчик отвечает за один проект
что каждый компонент выполняет одну задачу
что каждый файл должен содержать не больше одной функции
19. Методы http определяющие каким способом пользователь может взаимодействовать с сервером называются …
методы API
методы подключения
методы запроса
20. Input значение которого управляется внешним значением называется …
управляемый input
зависимый input
дочерний input
21. Когда срабатывает метод жизненного цикла componentWillMount?
перед удалением компонента
в момент монтирования компонента
перед монтированием компонента
22. Какие из компонентов относятся к react-router?
Nav
Route
Switch
Move
23. Какое событие React инициирует отправку данных формы?
onSubmit
onClick
onFetch
24. Функция … срабатывает перед удалением компонента из DOM дерева
componentWillMount
componentWillUnmount
componentDidUnmount
25. Хук … используется для создания ссылки на DOM-элемент
useMemo
useRef
useState
useDom
26. JSX - это …
расширение синтаксиса React
расширение синтаксиса Node.js
расширение синтаксиса JavaScript
27. Что такое Css-in-Js?
это подход к стилизации React-приложений, при котором CSS стили определяются и применяются прямо в JavaScriptкоде компонента
Это подключение стилей в JavaScript файле вместо HTML
Это возможность создать тег style внутри React компонента и описывать стили внутри него
28. Обёртки над полями ввода в React - это …
компоненты для управления логикой поля
функции для обработки запроса
переменные состояния
29. Как много компонентов может быть на сайте?
не более 10
не более 100
не более 50
неограниченное количество
30. В каком порядке нужно написать команды чтобы установить React проект?
1 npx create-react-app project-name
2 npm install
3 npm start
31. Метод … используется для удаления ресурса
REMOVE
POST
DELETE
GET
32. Что такое RESTfull приложение?
это веб-приложение которое следует принципам REST архитектуры
это приложение которое использует стандартные методы для взаимодействия с API
это приложение которое игнорирует REST архитектуру и использует свои решения
33. При запуске следующего кода в консоль выведется …const [name, setName] = useState(‘Pete’)useEffect(() = ˃ {console.log(name)})setName(‘Ivan’) return (˂ ˃˂ / ˃)
Pete, Ivan
Ivan
Pete
ошибка
34. Хук useMemo даёт возможность …
кэшировать результат выполнения функции
сохранить результат выполнения функции в состояние компонента
получить дочерним компонентам к родительским props
35. Зарегистрировавшийся пользователь хочет изменить данные своего профиля. Какой метод нужно использовать чтобы обновить данные пользователя на сервере?
отправка изменений производится при помощи метода PUT
для обновления данных используется метод PATCH
для отправки данных, в том числе и обновленных используется метод POST
36. Что такое React компонент?
это JavaScript функция или класс
это объект описывающий элемент
это элемент полученный из сторонней библиотеки
37. Что такое React Hooks?
это классы предоставляющие методы для работы с компонентами
это механизм позволяющий использовать возможности React без написания классов
это функции для рендера компонентов
38. Что такое состояние компонента?
объект
метод
хук useState
39. Компонент находящийся внутри другого компонента, называется … компонентом.
братским
дочерним
наследуемым
внутренним
40. Принцип SPA означает что …
приложение будет перезагружать страницы при каждом взаимодействии с пользователем
приложение будет загружаться один раз, и последующее взаимодействие с пользователем будет без перезагрузки
приложение не будет использовать переходы между своими ресурсами
41. Стили написанные прямо внутри компонента называются …
styled components
css-in-js
inline-styles
42. Чем библиотека отличается от фреймворка?
ничем, это одинаковые определения
библиотека - набор методов,не влияющих на архитектуру проекта, фреймворк - содержит дополнительные инструменты и задаёт архитектуру проекта
библиотека - это набор методов для работы приложения, фреймворк - это инструмент для создания библиотек
43. Заголовок запроса … указывает на тип данных, указанных в теле запроса
Realization
Method
Content-Type
44. Как организовать многоуровневую маршрутизацию используя React Router?
использовать компоненты с props в виде роутов
использовать вложенные маршруты
использовать хук useRouting
45. React использует … передачу данных в компонентах
двустороннюю
одностороннюю
промежуточную
родительскую
46. На каких языках можно писать на React?
На любом языке программирования
Только на тех которые можно скомпилировать в JS
Только на JS
47. Для чего нужны функции обработчики?
для обработки данных полученных из props
для обработки событий, таких как клики, нажатия клавиш
для рендера React компонентов
48. Способ именования … подразумевает что первое слово начинается с маленькой буквы, а каждое последующее слово с заглавной буквы
kebabCase
PascalCase
camelCase
49. Глобальные объекты это …
объекты доступные для всех функций и модулей
объекты к которым модули и функции не имеют доступа
объекты с которыми нельзя взаимодействовать напрямую
50. Метод … используется для получения информации о ресурсе
GET
PUT
POST
DELETE
51. Route это …
компонент отвечающий за отображение определенной страницы на основе заданного пути URL
функция для перехода на страницу по заданному пути URL
метод маршрутизатора вызываемый для перехода на определенную страницу
52. На веб сайте есть форма для данных. Каким способом лучше всего отправить данные формы?
нужно использовать stateFull подход к написанию инпутов внутри формы, затем собрать все данные в объект, и преобразовать его в JSON
нужно использовать stateLess подход и получить доступ к данным через хук useRef. Затем добавить их в объект и преобразовать в JSON
нужно использовать специальный объект FormData позволяющий собрать данные с html формы, и отправить его.
53. Вы пишете приложение на React используя классовые компоненты. Какой метод метод будет являться обязательным для написания внутри классового компонента?
componentDidMount
render
constructor
54. Что будет выведено в консоль let name = ‘Alex’ useEffect(() = ˃ { name = ‘Ivan’}) console.log(name)
Alex
Ivan
ошибку
55. Для чего нужен JSX?
для передачи props в компонентах React
для описания пользовательского интерфейса внутри JavaScript кода
Это стандартный механизм React, позволяющий писать на нём код.
56. CSS модуль - это …
общая папка для стилей
название компонента с описанными стилями для проекта
способ написать стили с уникальными именами классов для каждого компонента
57. Для работы с состоянием компонента используется хук …
useMemo
useEffect
useState
useCallback
58. Что будет выведено в консоль?const [name, setName] = useState(‘John’)console.log(name)
undefined
null
John
[object, object]
59. Что такое список в React?
паттерн программирования
переданное значение
компонент отображающий данные
60. Хук … используется для передачи данных вниз по дереву компонентов
useState
useContext
useProps
61. Атрибут … используется React для определения какие элементы списка были добавлены, изменены или удалены
status
key
id
62. Подход React под названием … подразумевает отсутствие состояния у компонента React
stateLess
stateFull
unstate components
63. Установите соответствие между определениями и описанием
A. Node.js
B. Webpack
C. React
D. npm
E. Среда выполнения
F. Сборщик проектов
G. Библиотека
H. Менеджер пакетов
64. Как правильно передать объект события внутрь функции?
˂ button onClick={(event) = ˃ handler(event)} ˃˂ /button ˃
˂ button onClick={handler(event)} ˃˂ /button ˃
˂ button onClick=handler(event) ˃˂ /button ˃
65. За что отвечает компонент Switch?
За рендер всех компонентов на страницу
За роутинг между страницами
За выбор одного из нескольких маршрутов и отображение соответствующего компонента
66. В каком порядке URL должен быть записан в адресной строке чтобы пользователь смог увидеть информацию о товаре с id=23?
1 https://
2 example.ru
3 /products
4 /id=23
67. Можно ли использовать хукт жизненного цикла, такие как componentWillMount, componentDidMount внутри функционального компонента?
да, функциональные компоненты ничем не отличаются компонентов написанных на классах
нет, в функциональных компонентах методы жизненного цикла заменяются хуками
можно использовать только методы относящиеся к созданию компонента, но не связанные с его обновлением
68. В каком порядке выполняется рендеринг в React?
1 Вычисляются все props
2 Выполняются хуки компонента
3 Выполняется функция render
69. Если Вам нужно сохранять какое то значение между рендерами React компонента, каким инструментом удобнее всего пользоваться?
удобнее всего использовать localStorage
лучше всего подходит хук useState
хук useEffect может хранить состояние, и сразу же можно вывести его значение при рендере
70. React Fragment это …
заранее написанный фрагмент кода который можно подключить и использовать в проекте
это дополнительная JS библиотека позволяющая использовать модульную структуру в React приложении
компонент React, который используется для группировки нескольких элементов
71. Что такое React?
фреймворк JS
язык программирования
библиотека JS
72. Метод … используется для обновления ресурса
GET
PUT
POST
PATCH
73. Что такое родительский компонент?
компонент который всегда является главным компонентом проекта
это компонент содержащий в себе только дочерние компоненты
это компонент содержащий в себе как дочерние так и другие родительские компоненты
74. Какое количество хуков можно использовать в React компоненте?
2
5
9
12
Любое количество
75. Какая разница между оператором условного рендеринга и оператором if/else
с оператором условного рендеринга можно использовать только теги, но не компоненты
if/else нельзя использовать для условного рендеринга
нет различий
76. Можно ли использовать оператор условного рендеринга для скрытия списка составленного из массива?
да, можно
да, только если в списке нет элементов
нет, нельзя
77. Как создать форму на веб-странице?
использовать хук useForm для создания формы
в функции render нужно использовать html тег ˂ form ˃
сгруппировать несколько input в один блок с id = ‘form’
78. Какое событие React срабатывает при изменении значения в input?
onChange
onValue
onState
79. Функция создаваемая вместе с переменной состояния при использовании хука useState нужна для …
вызова нового хука
обновления переменной состояния
передачи начального значения переменной
80. Элемент на веб-странице предназначенный для сбора информации называется …
form
footer
body
81. В каких случаях использовать хук useMemo, а в каких лучше обойтись без него?
стоит использовать хук useMemo для кэширования результатов всех функций, так как все функции могут быть вызваны с одними и теми же данными, такой подход может ускорить работу приложения, не стоит избегать его использования
стоит использовать этот хук если кэшируемая функция вызывается редко, таким образом можно не прибегать к вызову функции и сразу возвращать результат, стоит избегать вызовов useMemo при частом использовании функций
его стоит использовать для кэширования результата дорогостоящих операций, но если результаты не меняются или не зависят от входных данных, лучше его не использовать
82. Для чего нужна маршрутизация в веб-приложении?
для передачи свойств нужным компонентам
для правильной работы ссылок
для перехода пользователей между страницами и ресурсами
83. Есть ли разница между FormData и JSON?
Нет, FormData автоматически преобразуется в JSON
Да, это два разных способа передачи данных
Да, FormData это внутренний объект React а JSON это формат передачи данных
84. Глобальный объект … позволяет управлять историей браузера
location
history
navigator
85. Каким образом можно установить начальное значение для обертки над полем ввода React?
Создать хук useEffect с новой переменной содержащей состояние
Создать переменную состояния при помощи хука useState
Использовать библиотеку react-default
86. React делает приложение “реактивным” за счет использования …
VirtualDOM
функций и классов
фрагментов
87. Хук … используется для создания состояния компонента
useContext
useEffect
useState
88. Как можно передать данные в запросе REST API используя fetch?
использовать метод GET и передать данные в формате JSON в свойство data
использовать метод POST и передать данные в формате JSON в свойство body
использовать файл метод POST и передать данные в формате JSON в свойство data
89. Новый пользователь зарегистрировался на сайте, нужно отправить его данные для обработки на сервер. Какой метод отправки данных нужно использовать в этом случае?
метод GET позволяет получать и отправлять запросы. Используется в fetch по умолчанию
метод PUSH позволяет отправить данные на сервер
метод POST используется для отправки данных на сервер
90. Что можно использовать для условного рендеринга?
оператор &&
оператор?
if
switch
91. При помощи хука … можно создать ссылку на элемент формы в React
useState
useForm
useRef
92. Функциональный элемент пользовательского интерфейса …,предоставляемый расширением react-router, позволяет переходить пользователю между путями приложения
Switch
Route
Link
93. В каком аргументе элемента Link нужно указывать маршрут?
href
src
to
94. React использует … для организации кода и обеспечения модульности компонентов
npm пакеты
Node.js
модули
95. Что такое JSX?
это расширение синтаксиса JS
это пакет расширений для React
это специальный синтаксис используемый только в React
96. Установите соответствие
A. stateLess
B. useState
C. stateFull
D. подход при котором компоненты не имеют собственного состояния
E. хук для создания переменной состояния
F. подход, при котором у каждого компонента есть своё состояние, которое хранится в памяти и меняется со временем
97. Установите соответствие
A. POST
B. PATCH
C. PUT
D. Отправляет данные на сервер
E. Частично обновляет ресурс
F. Полностью обновляет ресурс
98. Для чего нужен render() внутри компонента React?
Для импорта html кода
для создания и возврата виртуального дерева
для запуска вспомогательных функций
99. Согласно спецификации REST API, какую информацию сервер может возвращать в ответ на запрос с методом DELETE?
сервер может ничего не возвращать, либо вернуть коды http статусов
сервер обязан вернуть информацию которую он удалил, или код ошибки
сервер должен вернуть тело запроса, или код http статуса
100. При запуске следующего кода в консоль выведется …const [name, setName] = useState(‘John’)useEffect(() = ˃ {console.log(name)setTimeout(() = ˃ {setName(‘Anna’)}, 1000)}, [name])return (˂ ˃˂ / ˃)
John, Anna
Anna
John
ошибка
101. Каковы правила использования хуков?
хуки могут быть использованы только внутри функций и методов компонента, они не должны получать информацию о состоянии объекта в момент вызова
хуки не должны вызываться внутри циклов, условий. хуки могут вызываться только внутри компонентов, но не внутри обычных функций
хуки можно вызывать только в классовых компонентах React, они не могут быть вызваны внутри функций, и функциональных компонентов
102. В … году, React стал доступен разработчикам
2013
2010
2012
103. В чём главная особенность React?
использует модули и компоненты
создаёт виртуальное DOM-дерево
выполняется в Node.js
104. Нужно ли пользоваться Node.js для установки React приложения?
да, Node.js и его менеджер пакетов npm позволяют создать React-приложение
нет, достаточно скачать установочный файл react.exe и установить react на пк
да, Node.js это движок фреймворка React
105. Установите соответствие
A props
B hooks
C render
D состояние
E. свойства передаваемые в компонент
F. функции для работы с состоянием, эффектами и т.д
G. функция для отображения данных на экране
H. объект со свойствами компонента
106. Чем отличаются SPA и MPA?
SPA приложение перезагружает каждую страницу отдельно а MPA загружает все данные сразу
SPA приложение загружает все данные сразу, а MPA загружает каждую страницу отдельно
SPA приложение загружает данные сразу и использует перезагрузку для каждой страницы, MPA загружает каждую страницу отдельно
107. Установите соответствие
A. Switch
B. Link
C. Route
D. nav
E. контейнер использующийся для определения порядка обработки маршрутов
F. функциональный элемент позволяющий пользователям переходить между страницами или состояниями приложения
G. компонент который определяет путь по которому должен следовать пользователь, чтобы перейти к определенной части приложения
H. элемент html обозначающий блок навигации
108. Хуки - это …
функции, которые позволяют использовать состояние и другие возможности React без написания классов
основной способ работы с компонентами React, заменяющий классы и методы жизненного цикла
синтаксический сахар для более удобного использования функций обратного вызова в React
109. Сопоставьте этапы жизненного цикла и их описание
A. Mounting
B. Unmounting
C. Updating
D. компонент добавляется в DOM
E. компонент удаляется из DOM
F. текущее состояние сравнивается с предыдущим и обновляется

В тесте представлено 109 вопросов. Правильные ответы размещены после списка вопросов. Сдавался в 2026 г. Формат файла – pdf.