💯 Стек технологий JavaScript [Тема 1-8] — ответы на тесты Синергия / МОИ / МТИ / МосАП

Стек технологий JavaScript > Тест 1 / Тест 2 / Тест 3 / Тест 4 / Тест 5 / Тест 6 / Тест 7 / Тест 8 / Итоговый тест / Компетентностный тест

• правильные ответы на вопросы из тестов по данной дисциплине
• вопросы отсортированы в лексикографическом порядке

Стек технологий JavaScript

• Тема 1. Введение
• Тема 2. React первые шаги
• Тема 3. Хранение данных и работа с состоянием в React.JS
• Тема 4. React: условный рендеринг
• Тема 5. Маршрутизация, URL и работа с API
• Тема 6. Взаимодействие с API в React
• Тема 7. React Hooks для оптимизации
• Тема 8. React и Формы
• Итоговая работа для самостоятельного выполнения
• Итоговая аттестация

В … году, React стал доступен разработчикам

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• 2013
• 2010
• 2012

В какой последовательности цифры попадут в консоль при выполнении данного кода?   function App() { log(1)   useEffect(() => { log(2);   }) log(3);   //код

Тип ответа: Сортировка

• 1 1
• 2 3
• 3 2

В каком аргументе элемента Link нужно указывать маршрут?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• href
• src
• to

В каком порядке выполняются методы жизненного цикла?

Тип ответа: Сортировка

• 1 constructor
• 2 componentWillMount
• 3 render
• 4 componentDidMount

В каком порядке нужно написать команды чтобы установить React проект?

Тип ответа: Сортировка

• 1 npx create-react-app project-name
• 2 npm install
• 3 npm start

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

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• переменная,переменная
• переменная,функция
• функция,переменная
• функция, функция

В каком случае в React лучше использовать stateFull компоненты а в каком stateLess?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• stateFull компоненты лучше использовать когда не нужно сохранять состояние между обновлениями экрана, а stateLess наоборот используется для компонентов в которых важно сохранять состояние
• stateFull компоненты используются в react по умолчанию, а stateLess компоненты нужно использовать для обработки форм
• stateFull компоненты используются когда нужно отобразить компонент и сохранить его состояние между обновлениями экрана, а stateLess используются когда нужно отобразить компонент без сохранения состояния

В чём заключается смысл кэширования?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• позволяет сократить время загрузки страницы
• позволяет долговременно хранить данные пользователя
• позволяет создавать меньше переменных

В чём смысл stateFull подхода?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Использование переменных состояния вместо обычных переменных
• управление компонентами за счет из связки с переменными состояния
• использование хука useEffect для рендеринга компонента

В React можно использовать … для скрытия и показа компонентов на странице

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• хуки
• props
• условный рендеринг

Вам предстоит написать SPA приложение. Каким образом это лучше сделать?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Для создания такого приложения нужно импортировать все компоненты в один и организовать внутри него условный рендеринг, таким образом можно бесшовно переключаться между компонентами
• Чтобы создать SPA приложение нужно пользоваться глобальными объектами и их методами, это позволит избежать перерендеринга компонентов
• Нужно использовать расширение react-router-dom для переключения и маршрутизации страниц React а также доступа к истории браузера

Вы начинаете писать большое веб-приложение, оно должно быть надежным и быстрым. Какие инструменты Вы будете использовать, и как организуете Ваш код?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Можно написать код на JavaScript используя модули, большие приложения сильно нагружают систему, поэтому использование фреймворков и библиотек будет нагружать нагружать систему ещё больше.
• Буду писать код на React используя корневой файл проекта в качестве основы всего сайта, однофайловый способ написания позволит загрузить сайт всего лишь один раз что позволит увеличить скорость загрузки, и будет надёжнее чем распределять код по файлам
• Напишу код на React, используя компоненты можно по максимуму использовать реактивность. Файлы проекта буду хранить в отдельных папках и файлах, в дальнейшем это позволит проще поддерживать проект

Вы пишете приложение на React используя классовые компоненты. Какой метод метод будет являться обязательным для написания внутри классового компонента?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• componentDidMount
• render
• constructor

Вы только что переустановили операционную систему, и вам нужно создать React проект для работы. Какие шаги вы предпримете?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Сначала устанавливается среда разработки Node.js командой npm install node, после этого устанавливается пакет для создания приложения через команду node install create-react-app. Потом создаём проект и даём ему имя командой npx create-react-app project-name. После этого запускаем проект командой node index.js
• В начале нужно установить npx командой npx install, затем создать react проект командой npx create-react-app project-name. После этого для запуска проекта устанавливаем Node.js и пакетный менеджер npm. После установки запустить проект командой npm start
• Для начала нужно установить Node.js с менеджером пакетов npm. Затем нужно проверить наличие npx, и если его нет, то установить. Потом глобально устанавливаем пакет для быстрого создания приложения через команду npm install -g create-react-app.После этого в консоли нужно ввести npx create-react-app и указать имя проекта, когда проект установится нужно установить зависимости командой npm i и в конце запустить проект командой npm start

Глобальные объекты это …

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• объекты доступные для всех функций и модулей
• объекты к которым модули и функции не имеют доступа
• объекты с которыми нельзя взаимодействовать напрямую

Глобальный объект … используется для получения информации о текущем URL страницы

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• window
• navigator
• location

Глобальный объект … позволяет управлять историей браузера

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• location
• history
• navigator

Глобальный объект … содержит информацию о HTML документе, который отображается в браузере.

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• document
• navigator
• location

Для работы с состоянием компонента используется хук …

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• useMemo
• useEffect
• useState
• useCallback

Для разделения кода на небольшие логические блоки в React нужно использовать …

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Компоненты
• Функции
• Хуки
• Методы

Для чего нужен render() внутри компонента React?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Для импорта html кода
• для создания и возврата виртуального дерева
• для запуска вспомогательных функций

Для чего нужна маршрутизация в веб-приложении?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

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

Если Вам нужно сохранять какое то значение между рендерами React компонента, каким инструментом удобнее всего пользоваться?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• удобнее всего использовать localStorage
• лучше всего подходит хук useState
• хук useEffect может хранить состояние, и сразу же можно вывести его значение при рендере

За что отвечает компонент Switch?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• За рендер всех компонентов на страницу
• За роутинг между страницами
• За выбор одного из нескольких маршрутов и отображение соответствующего компонента

Исходный код React открыт в мае … года, на конференции ‘JSConf US’

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• 2012
• 2011
• 2013

Как можно использовать переменные при условном рендеринге стилей?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• для этого нельзя использовать обычные переменные
• можно использовать их вместе с тернарным оператором
• можно использовать их для сравнения в switch

Как можно организовать условный рендеринг стилей в реакт?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Можно использовать хук useEffect который будет создавать переменные состояния, в них записать необходимые стили, и затем применять их используя функции обработчики
• Можно создать переменную состояния с булевым значением, и затем использовать её вместе с тернарным оператором для присвоения стилей в зависимости от значения переменной.
• Необходимо создать дочерний элемент внутрь которого через props передать булевое значение которое можно использовать в конструкции if/else для определения стилей.

Как можно передать данные в запросе REST API используя fetch?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• использовать метод GET и передать данные в формате JSON в свойство data
• использовать метод POST и передать данные в формате JSON в свойство body
• использовать файл метод POST и передать данные в формате JSON в свойство data

Как передать условие для условного рендеринга из родительского в дочерний компонент?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• использовать хук useState
• использовать хук useEffect
• использовать props

Как правильно передать объект события внутрь функции?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• ˂ button onClick={(event) = ˃ handler(event)} ˃˂ /button ˃
• ˂ button onClick={handler(event)} ˃˂ /button ˃
• ˂ button onClick=handler(event) ˃˂ /button ˃

Как правильно передать объект события внутрь функции?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• ˂button onClick={(event) =˃ handler(event)}˃˂/button˃
• ˂button onClick={handler(event)}˃˂/button˃
• ˂button onClick=handler(event)˃˂/button˃

Как рекомендуют называть файлы компонентов в React?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• с большой буквы
• с маленькой буквы
• со слова use

Как скрыть список не имеющий элементов?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• использовать метод массива .hide
• удалить компонент из DOM дерева
• использовать условный рендеринг

Какие из компонентов относятся к react-router?

Тип ответа: Множественный выбор • с выбором нескольких правильных ответов из предложенных вариантов

• Nav
• Route
• Switch
• Move

Какие теги нельзя использовать внутри тега form?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• div и другие блочные теги
• span, i, b, em и другие строчные теги
• style, script и другие теги не предназначенные для создания формы

Какие технологии Вы бы использовали при создании небольшого и быстрого веб-приложения SPA приложения?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• В качестве основы был бы JavaScript разделённый на модули, быстродействие обеспечивалось бы за счёт callback функций. Для реализации SPA можно создать классы с методами возвращающими заготовки html страниц
• Для создания такого приложения можно использовать React и хуки при помощи которых можно сделать функционал SPA приложения. За быстродействие отвечает Virtual DOM
• Для создания быстрого приложения можно использовать React. Разделение кода на компоненты позволяет улучшить быстродействие, а за счёт использования расширений таких как react-router-dom реализовать функционал SPA приложения.

Каким образом можно установить начальное значение для обертки над полем ввода React?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Создать хук useEffect с новой переменной содержащей состояние
• Создать переменную состояния при помощи хука useState
• Использовать библиотеку react-default

Каким образом Virtual DOM повышает производительность React?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• React сравнивает Virtual DOM и обычный DOM, если он находит различия, то перерендеривает только то место где произошло изменение
• Virtual DOM полностью заменяет браузерное DOM дерево, React отслеживает изменения и моментально делает перерендер
• браузер посылает запросы в Virtual DOM для отслеживания изменений, если они есть, то он открывает React доступ к внесению изменений

Какое количество хуков можно использовать в React компоненте?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• 2
• 5
• 9
• 12
• Любое количество

Какое событие React инициирует отправку данных формы?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• onSubmit
• onClick
• onFetch

Какое событие React срабатывает при изменении значения в input?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• onChange
• onValue
• onState

Какой инструмент используется для навигации в React?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• useNavigate
• react-router-dom
• react-navigation

Какой командой можно собрать React-проект?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• npm create react app ‘имя проект’
• npx create-react-app ‘имя проекта’
• node create-react-app имя-проекта’

Какой метод можно использовать для удаления элемента списка составленного из массива?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• put
• shift
• splice

Какой формат передачи данных можно использовать для передачи данных чаще всего используется в REST API?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• CSS
• HTML
• JSON
• Table

Какую функцию выполняет react router dom?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• управляет состоянием компонентов, запускает механизмы передачи props между компонентами
• определяет маршруты, обрабатывает переходы и передачу параметров, выполняет интеграцию с браузером
• определяет работу ссылок в проекте, перенаправляет запросы отправленные на сервер

Квадратные скобки после функции внутри useEffect используются для …

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• передачи значения задержки выполнения хука
• сохранения результатов выполнения useEffect
• передачи значений для отслеживания

Когда срабатывает метод жизненного цикла componentWillMount?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• перед удалением компонента
• в момент монтирования компонента
• перед монтированием компонента

Коллекции предварительно написанных фрагментов кода, которые веб-разработчики могут повторно использовать для выполнения стандартных функций JavaScript - это …

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Node.js
• Библиотеки JS
• npx

Компонент находящийся внутри другого компонента, называется … компонентом.

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• братским
• дочерним
• наследуемым
• внутренним

Метод … используется для создания новых ресурсов или отправки данных на сервер

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• PUT
• PATCH
• POST
• GET

Можно ли делать запросы на сервер не используя методы, такие как GET, POST, DELETE?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• нет, спецификация REST API не позволит сделать запрос без метода
• да, можно использовать другие методы, REST API не требует использования только определенных запросов, главное чтобы они поддерживались сервером
• да, можно использовать методы других спецификаций API, при запросе они автоматически конвертируются для поддержания RESTFull архитектуры

Можно ли использовать несколько операторов условного рендеринга в коде?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• да, можно сколько угодно
• да, можно но не больше двух
• нет, нельзя

На каких языках можно писать на React?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• На любом языке программирования
• Только на тех которые можно скомпилировать в JS
• Только на JS

Нужно ли пользоваться Node.js для установки React приложения?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• да, Node.js и его менеджер пакетов npm позволяют создать React-приложение
• нет, достаточно скачать установочный файл react.exe и установить react на пк
• да, Node.js это движок фреймворка React

Объект … позволяет собирать данные с формы

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• JSON
• Date
• FormData

Пакетный менеджер npm используется для …

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• написания кода на Node.js
• управления модулями и зависимостями проекта
• для отправки данных на сервер

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

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Props Drilling
• Props
• Hook
• Props Throw

Подход React под названием … подразумевает отсутствие состояния у компонента React

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• stateLess
• stateFull
• unstate components

При запуске следующего кода в консоль выведется …     const [name, setName] = useState(‘John’)  useEffect(() = ˃ {  console.log(name)  setTimeout(() = ˃ {setName(‘Anna’)}, 1000)  }, [name])  return (˂ ˃˂ / ˃)

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• John, Anna
• Anna
• John
• ошибка

При запуске следующего кода в консоль выведется … const [name, setName] = useState(‘John’) useEffect(() = ˃ { console.log(name) setTimeout(() = ˃ {setName(‘Anna’)}, 1000) }, [name]) return (˂  ˃˂ / ˃)

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• John, Anna
• Anna
• John
• ошибка

Принцип SPA означает что …

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• приложение будет перезагружать страницы при каждом взаимодействии с пользователем
• приложение будет загружаться один раз, и последующее взаимодействие с пользователем будет без перезагрузки
• приложение не будет использовать переходы между своими ресурсами

Сборщик проекта нужен для …

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• создания шаблона сайта и отправки его на хостинг, он также позволяет осуществлять дальнейшую поддержку сайта
• no-code программирования, его настройки позволяют указать желаемый шаблон сайта
• автоматизации процесса создания сайта, позволяет упростить работу с исходным кодом, облегчить его поддержку и сократить размер итогового проекта.

Сколько методов запроса можно указать в одном fetch?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• рекомендуется указывать один метод, но можно указать сразу все которые поддерживает REST API
• можно указать только один метод, или можно не указывать, если предполагается использование GET
• для одного fetch запроса можно указать не более двух методов

Сколько форм можно создать в веб-приложении?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• одну
• не более пяти
• сколько угодно

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

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• XMLHttpRequest
• Fetch
• Request

Сопоставьте этапы жизненного цикла и их описание

Тип ответа: Сопоставление

• A. Mounting
• B. Unmounting
• C. Updating
• D. компонент добавляется в DOM
• E. компонент удаляется из DOM
• F. текущее состояние сравнивается с предыдущим и обновляется

Состояние компонента это …

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• метод
• массив
• объект
• переменная

Установите соответствие

Тип ответа: Сопоставление

• A. FormData
• B. render
• C. useMemo
• D. объект для сбора данных
• E. метод для отрисовки
• F. хук для кэширования данных

Установите соответствие

Тип ответа: Сопоставление

• A. stateLess
• B. useState
• C. stateFull
• D. подход при котором компоненты не имеют собственного состояния
• E. хук для создания переменной состояния
• F. подход, при котором у каждого компонента есть своё состояние, которое хранится в памяти и меняется со временем

Установите соответствие

Тип ответа: Сопоставление

• A. Switch
• B. Link
• C. Route
• D. nav
• E. контейнер использующийся для определения порядка обработки маршрутов
• F. функциональный элемент позволяющий пользователям переходить между страницами или состояниями приложения
• G. компонент который определяет путь по которому должен следовать пользователь, чтобы перейти к определенной части приложения
• H. элемент html обозначающий блок навигации

Установите соответствие

Тип ответа: Сопоставление

• A. webpack
• B. Node.js
• C. React
• D. сборщик проектов
• E. кроссплатформенная среда с исходным кодом
• F. фреймворк

Функциональный элемент пользовательского интерфейса … ,предоставляемый расширением react-router, позволяет переходить пользователю между путями приложения

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Switch
• Route
• Link

Функция … срабатывает перед удалением компонента из DOM дерева

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• componentWillMount
• componentWillUnmount
• componentDidUnmount

Хук … используется для кэширования результатов выполнения функции

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• useEffect
• useRef
• useMemo
• useCallback

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

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• useState
• useContext
• useProps

Хук … используется для создания состояния компонента

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• useContext
• useEffect
• useState

Хук … используется для создания ссылки на DOM-элемент

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• useMemo
• useRef
• useState
• useDom

Хук … можно использовать для условного рендеринга компонента

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• useState
• useEffect
• useRender

Хук useMemo даёт возможность …

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• кэшировать результат выполнения функции
• сохранить результат выполнения функции в состояние компонента
• получить дочерним компонентам к родительским props

Хуки - это …

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• функции, которые позволяют использовать состояние и другие возможности React без написания классов
• основной способ работы с компонентами React, заменяющий классы и методы жизненного цикла
• синтаксический сахар для более удобного использования функций обратного вызова в React

Чем отличаются SPA и MPA?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• SPA приложение перезагружает каждую страницу отдельно а MPA загружает все данные сразу
• SPA приложение загружает все данные сразу, а MPA загружает каждую страницу отдельно
• SPA приложение загружает данные сразу и использует перезагрузку для каждой страницы, MPA загружает каждую страницу отдельно

Что будет выведено в консоль   let name = ‘Alex’ useEffect(() => {   name = ‘Ivan’ }) console.log(name)

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• Alex
• Ivan
• ошибку

Что означает определение - зависимое поле ввода?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• каждый раз когда меняется значение поля ввода состояние компонента так же меняется
• когда меняется значение props компонента, меняется и значение в поле ввода
• поле ввода зависит от результата работы функции/метода

Что такое жизненный цикл React компонента?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• это последовательность состояний через который проходит React компонент
• это реализация движка React который проверяет состояние компонента
• это процесс который запускает виртуальное dom дерево для отслеживания компонента

Что такое кэширование?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• это процесс отправки данных на сервер
• это процесс сохранения данных на быстром носителе информации
• это сохранение данных в состоянии компонента

Что такое окружение React?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• это среда разработки которая включает в себя все необходимые инструменты и библиотеки для работы
• это модули и файлы находящиеся в React проекте
• это пространство на диске которое React запоминает для быстрого доступа к своим модулям и компонентам

Что такое родительский компонент?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• компонент который всегда является главным компонентом проекта
• это компонент содержащий в себе только дочерние компоненты
• это компонент содержащий в себе как дочерние так и другие родительские компоненты

Что такое API?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• это набор правил и процедур, которые позволяют одной компьютерной программе взаимодействовать с другой
• это набор правил и процедур которые позволяют приложению передавать props от дочернего компонента к родительскому
• это набор методов для управления состоянием приложения, и его жизненным циклом

Что такое Css-in-Js?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• это подход к стилизации React-приложений, при котором CSS стили определяются и применяются прямо в JavaScript-коде компонента
• Это подключение стилей в JavaScript файле вместо HTML
• Это возможность создать тег style внутри React компонента и описывать стили внутри него

Что такое JSON?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• библиотека
• формат данных
• метод
• фреймворк

Что такое Node.js?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• кроссплатформенная среда исполнения с открытым исходным кодом
• язык программирования
• библиотека сценариев JS

Что такое React компонент?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• это JavaScript функция или класс
• это объект описывающий элемент
• это элемент полученный из сторонней библиотеки

Что такое React?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• фреймворк JS
• язык программирования
• библиотека JS

Что такое URL?

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• это название сайта
• это адрес веб-страницы в интернете
• это имя сервера на котором запущен сайт

Элемент на веб-странице предназначенный для сбора информации называется …

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• form
• footer
• body

CSS модуль - это …

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• способ написать стили с уникальными именами классов для каждого компонента
• название папки со стилями
• файл который описывает стили для всего проекта

Props - это …

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• свойства которые передаются от родительского компонента к дочернему
• свойства которые передаются от дочернего компонента к родительскому
• методы передачи значений от компонента к компоненту

React делает приложение “реактивным” за счет использования …

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• VirtualDOM
• функций и классов
• фрагментов

React использует … для организации кода и обеспечения модульности компонентов

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• npm пакеты
• Node.js
• модули

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

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• двустороннюю
• одностороннюю
• промежуточную
• родительскую

React компонент представляет из себя …

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• объект
• функцию или класс
• библиотеку

React Fragment это …

Тип ответа: Одиночный выбор • с выбором одного правильного ответа из нескольких предложенных вариантов

• заранее написанный фрагмент кода который можно подключить и использовать в проекте
• это дополнительная JS библиотека позволяющая использовать модульную структуру в React приложении
• компонент React, который используется для группировки нескольких элементов