Тесты СинергияАртём Хелп
Артём Help онлайнПолучить расчёт
Бесплатно оценим сроки и стоимостьОтправить задание в Telegram
Библиотека React.sa_ВР

Библиотека React.sa_ВР

Просмотрите все вопросы и варианты бесплатно. Правильные ответы скрыты и открываются только после получения доступа.

60 вопросов Вариант 1 Доступ 7 дней
Содержание теста

Вопросы и варианты

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

Вопрос 1

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

  1. componentWillUnmount
  2. componentDidUpdate
  3. componentWillUpdate
  4. componentDidMount
Вопрос 2

Что такое JSX в React?

  1. JSON XML Script
  2. JavaScript XML.
  3. Java Syntax Extension
  4. JavaScript XML Syntax
Вопрос 3

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

  1. Через метод this.getChildData()
  2. Через метод this.sendDataToChild()
  3. Через props
  4. Через state
Вопрос 4

Какой из следующих модулей Node.js предоставляет функциональность для работы с файловой системой?

  1. os
  2. http
  3. fs
  4. net
Вопрос 5

Какой пакетный менеджер по умолчанию используется в Node.js для установки сторонних модулей?

  1. npm
  2. yarn
  3. pip
  4. composer
Вопрос 6

Какой тип приложений наиболее подходит для Node.js благодаря его асинхронной, событийно-ориентированной архитектуре?

  1. Однопоточные приложения
  2. Многопоточные приложения
  3. Многопользовательские приложения
  4. Однопользовательские приложения
Вопрос 7

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

  1. Webpack
  2. Babel
  3. ESLint
  4. Redux
Вопрос 8

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

  1. npm run start
  2. npm run build
  3. npm run dev
  4. npm run compile
Вопрос 9

Какая из следующих конструкций позволяет выполнить динамический импорт модуля в React-приложении?

  1. import { component } from './MyComponent'
  2. import { lazy } from 'react'
  3. require('./MyComponent')
  4. import { import } from 'react'
Вопрос 10

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

  1. SPA (Single Page Application)
  2. AJAX (Asynchronous JavaScript and XML)
  3. SSR (Server-Side Rendering)
  4. MPA (Multi-Page Application)
Вопрос 11

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

  1. React
  2. Express
  3. Django
  4. Angular
Вопрос 12

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

  1. Lazy Loading
  2. Code Splitting
  3. Server-Side Rendering
  4. Client-Side Routing
Вопрос 13

Что является минимальным требованием для создания React-компонента?

  1. Установка Node.js
  2. Наличие браузера
  3. Наличие JSX-синтаксиса
  4. Установка Webpack
Вопрос 14

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

  1. componentDidMount
  2. componentWillUnmount
  3. constructor
  4. render
Вопрос 15

Как передать данные в React-компонент?

  1. Используя state
  2. Используя props
  3. Используя Redux
  4. Используя local storage
Вопрос 16

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

  1. componentDidUpdate
  2. componentDidMount
  3. componentWillMount
  4. componentWillUpdate
Вопрос 17

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

  1. componentWillReceiveProps
  2. shouldComponentUpdate
  3. componentDidUpdate
  4. componentWillUnmount
Вопрос 18

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

  1. render
  2. componentDidMount
  3. componentDidUpdate
  4. componentWillMount
Вопрос 19

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

  1. Использование ˂style˃ тега внутри компонента
  2. Использование inline стилей через атрибут style
  3. Использование сторонних CSS-файлов, не связанных с компонентом
  4. Использование метода addStyle() компонента
Вопрос 20

Какой пакет позволяет использовать CSS-подобный синтаксис для стилизации React-компонентов?

  1. Styled Components
  2. React Style
  3. CSS-in-JS
  4. Emotion
Вопрос 21

Какой метод импорта позволяет добавлять внешние стили к React-компонентам?

  1. import {styles} from 'react-styles';
  2. import 'styles.css';
  3. import './styles.css'
  4. import Styles from 'react-styles';
Вопрос 22

Что такое принцип "единственной ответственности" (Single Responsibility Principle) в контексте React-компонентов?

  1. Компонент должен быть ответственным только за отображение данных, без логики
  2. Компонент должен быть ответственным только за обработку событий пользователя
  3. Компонент должен выполнять только одну задачу в приложении
  4. Компонент должен быть ответственным только за управление состоянием приложения
Вопрос 23

Какой подход позволяет разделять логику и отображение в React-компонентах?

  1. HOC (Higher-Order Components)
  2. Render Props
  3. Композиция компонентов
  4. Множественное наследование
Вопрос 24

Какой метод позволяет передавать компоненту только необходимые данные через props, избегая передачи лишних данных?

  1. Шаблонный метод
  2. Инверсия управления (Inversion of Control)
  3. Принцип единственной ответственности (Single Responsibility Principle)
  4. Destructuring props
Вопрос 25

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

  1. Через ссылку на DOM-узел дочернего компонента
  2. Через глобальные переменные
  3. Через props
  4. Через Redux store
Вопрос 26

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

  1. Через метод componentDidMount дочернего компонента
  2. Через специальный метод connect из библиотеки Redux
  3. Через callback-функцию, переданную в props
  4. Через метод render родительского компонента
Вопрос 27

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

  1. componentDidUpdate родительского компонента
  2. componentWillReceiveProps родительского компонента
  3. shouldComponentUpdate родительского компонента
  4. Никакие методы не вызываются у родительского компонента после обновления дочернего компонента
Вопрос 28

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

  1. state
  2. props
  3. setState
  4. data
Вопрос 29

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

  1. this.state = { count: 0 };
  2. state: { count: 0 };
  3. this.setState({ count: 0 });
  4. constructor(props) { this.state = { count: 0 }; }
Вопрос 30

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

  1. Изменить значение state напрямую (this.state.count = 5)
  2. Использовать this.setState({ count: 5 })
  3. Обновить состояние снаружи компонента, передав новые пропсы
  4. this.updateState({ count: 5 });
Вопрос 31

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

  1. onClick={() =˃ this.handleClick}
  2. onClick={this.handleClick()}
  3. onClick={this.handleClick}
  4. onClick=this.handleClick
Вопрос 32

Что произойдет, если обработчик события возвращает значение?

  1. Вернутое значение игнорируется
  2. Возвращенное значение станет новым состоянием компонента
  3. Возвращенное значение будет выведено в консоль
  4. Возвращенное значение будет передано в следующий обработчик
Вопрос 33

Как передать параметр в обработчик события в React?

  1. onClick={this.handleClick(param)}
  2. onClick={this.handleClick.bind(this, param)}
  3. onClick={this.handleClick(param)}
  4. onClick={() =˃ this.handleClick(param)}
Вопрос 34

Что делает хук useEffect в React?

  1. Он позволяет управлять стилями компонента
  2. Он вызывает функцию-эффект после каждого рендеринга компонента
  3. Он добавляет новый хук в компонент
  4. Он позволяет управлять состоянием компонента
Вопрос 35

Как реализовать эмуляцию хука componentDidMount с помощью useEffect?

  1. useEffect(() =˃ {}, []);
  2. useEffect(() =˃ {}, [componentDidMount]);
  3. useEffect(() =˃ {}, [])
  4. useEffect(() =˃ {}, [componentDidMount()]);
Вопрос 36

Что делает второй аргумент (массив зависимостей) в хуке useEffect?

  1. Он определяет, какие компоненты будут зависеть от эффекта
  2. Он позволяет управлять, когда эффект будет вызван и повторен
  3. Он определяет, какие пропсы должны быть изменены для вызова эффекта
  4. Он позволяет передать параметры в функцию эффекта
Вопрос 37

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

  1. shouldComponentUpdate
  2. componentDidUpdate
  3. componentWillReceiveProps
  4. getSnapshotBeforeUpdate
Вопрос 38

Что произойдет, если метод shouldComponentUpdate возвращает false?

  1. Компонент обновится, но не будет перерисовываться
  2. Компонент не обновится и не будет перерисовываться
  3. Компонент обновится и перерисуется с пустым контентом
  4. Компонент выбросит ошибку в консоль
Вопрос 39

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

  1. Только корневой компонент приложения
  2. Все компоненты в дереве React
  3. Только дочерние компоненты
  4. Только компоненты, имеющие метод shouldComponentUpdate
Вопрос 40

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

  1. Использование метода renderIf()
  2. Использование атрибута condition в JSX
  3. Использование тернарного оператора или логического && в JSX
  4. Использование метода shouldRender() компонента
Вопрос 41

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

  1. this.state.show && ˂div˃Контент˂/div˃
  2. { this.state.show ? ˂div˃Контент˂/div˃ : null }
  3. { this.state.show && return ˂div˃Контент˂/div˃; }
  4. { this.state.show && render() { return ˂div˃Контент˂/div˃; } }
Вопрос 42

Что произойдет, если в условном рендеринге используется оператор || ?

  1. Компонент всегда будет рендериться
  2. Компонент не будет рендериться, так как оператор || всегда будет возвращать false
  3. Компонент будет рендериться только при значении true
  4. Компонент будет рендериться только при значении false
Вопрос 43

Как получить текущий URL страницы с помощью JavaScript?

  1. window.location.path
  2. window.location.url
  3. window.location.href
  4. document.url
Вопрос 44

Какой глобальный объект предоставляет доступ к методам таймеров, таким как setTimeout и setInterval?

  1. global
  2. window
  3. timer
  4. timerManager
Вопрос 45

Какой метод позволяет открыть новое окно браузера с указанным URL?

  1. window.openURL()
  2. window.createTab()
  3. window.open()
  4. window.newWindow()
Вопрос 46

Какой компонент из пакета 'react-router-dom' используется для определения маршрутов в React приложении?

  1. Route
  2. Router
  3. Link
  4. BrowserRouter
Вопрос 47

Как передать параметры в маршрут с помощью React Router?

  1. В качестве аргументов функции компонента
  2. Через атрибуты тега ˂Route˃
  3. Через localStorage
  4. Через пропсы компонента
Вопрос 48

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

  1. NestedRoute
  2. SubRoute
  3. SwitchRoute
  4. Switch
Вопрос 49

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

  1. POST
  2. GET
  3. PUT
  4. DELETE
Вопрос 50

Какие типы данных можно передавать в теле запроса при отправке данных на сервер с помощью Fetch API?

  1. Только JSON
  2. Только текст
  3. JSON и FormData
  4. Только числа
Вопрос 51

Какой статус HTTP-ответа указывает на успешное выполнение запроса в Rest API?

  1. 200 OK
  2. 404 Not Found
  3. 500 Internal Server Error
  4. 201 Created
Вопрос 52

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

  1. useMemo
  2. useCallback
  3. useRef
  4. useReducer
Вопрос 53

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

  1. useStableRef
  2. useRef
  3. useMemo
  4. useCallback
Вопрос 54

Какой хук следует использовать для оптимизации работы функциональных компонентов, которые используют обратные вызовы (callbacks)?

  1. useCallback
  2. useMemo
  3. useRef
  4. useReducer
Вопрос 55

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

  1. renderList()
  2. forList()
  3. map()
  4. render()
Вопрос 56

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

  1. key
  2. index
  3. id
  4. item
Вопрос 57

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

  1. forEach()
  2. map()
  3. filter()
  4. reduce()
Вопрос 58

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

  1. Реактивное программирование
  2. Двустороннее связывание данных
  3. Зависимый ввод
  4. Одностороннее связывание данных
Вопрос 59

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

  1. Использовать событие onChange для каждого поля и обновлять значения вручную
  2. Использовать useEffect для обновления значения зависимого поля после изменения другого поля
  3. Использовать хук useState для обработки зависимостей
  4. Использовать метод componentWillUpdate для обновления полей
Вопрос 60

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

  1. Паттерн Observer
  2. Паттерн Facade
  3. Паттерн Observable
  4. Паттерн Observer-Observable