React Frontend Developer

Question 1

Что такое мета-теги?

Accepted Answer

Мета-теги — это элементы в HTML-документа, которые содержат метаинформацию, то есть данные о самой странице. Они не отображаются пользователю напрямую, но влияют на индексацию в поисковых системах, корректное отображение страницы и взаимодействие с социальными сетями. Например, задает кодировку, а предоставляет поисковикам описание страницы.

Question 2

Можете объяснить концепцию "props" в React?

Accepted Answer

"Props" (сокращение от "properties") — это способ передачи данных от одного компонента к другому. Они неизменяемы и позволяют родительским компонентам передавать информацию дочерним компонентам, чтобы настраивать их поведение или внешний вид.

Question 3

Какие методы чисел вы знаете?

Accepted Answer

Методы чисел в JavaScript включают toFixed(), toPrecision(), parseInt(), parseFloat(), Math.round(), Math.floor(), Math.ceil(), Math.random() и другие. Они используются для округления, генерации случайных чисел и преобразования строк в числа.

Question 4

Что такое деструктуризация?

Accepted Answer

Деструктуризация — это удобный способ извлечения значений из массивов и объектов и присваивания их переменным. С помощью деструктуризации можно быстро и легко работать с данными, извлекая необходимые значения в несколько строк кода. Это делает код более читаемым и упрощает работу с комплексными структурами данных.

Question 5

Что такое объект события в JavaScript? Какие свойства он содержит?

Accepted Answer

Объект события в JavaScript представляет собой информацию о событии, которое произошло на веб-странице, например, щелчок мыши или нажатие клавиши. Он содержит свойства, которые описывают это событие, такие как тип события, целевой элемент и координаты мыши. Например, event.type возвращает тип события, а event.target указывает на элемент, с которым произошло событие.

Question 6

Как работает механизм приватных полей в классах (#field)? Какие преимущества он даёт?

Accepted Answer

Приватные поля в классах, обозначенные символом #, доступны только внутри самого класса, что позволяет скрыть их от внешнего кода. Это помогает защитить данные объекта от случайного изменения или доступа. Приватные поля не могут быть изменены или прочитаны напрямую вне класса, что делает их более безопасным способом хранения состояния объекта.

Question 7

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

Accepted Answer

API геолокации позволяет веб-приложениям определять местоположение пользователя с помощью GPS, Wi-Fi или других технологий. С помощью метода navigator.geolocation.getCurrentPosition() можно получить текущее местоположение, а watchPosition() позволяет отслеживать изменения местоположения.

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

Question 8

Как выглядит типичный поток данных в приложении React с Redux?

Accepted Answer

Поток данных в Redux односторонний. Компоненты вызывают действия (actions), которые передаются в редьюсеры (reducers) через хранилище (store). Редьюсеры обновляют состояние, и компоненты получают обновления через подписки.

Question 9

Что такое селекторы и как их использовать? Какие есть библиотеки?

Accepted Answer

Селекторы — это функции, которые берут состояние Redux и возвращают нужные данные. Они помогают избежать повторения кода и улучшить читаемость. Для сложных вычислений с состоянием можно использовать библиотеки, такие как reselect, чтобы мемоизировать результаты и повысить производительность.

Question 10

Что делает useLocation, и какие данные он предоставляет?

Accepted Answer

useLocation — это хук из React Router, который возвращает объект с информацией о текущем URL. Он предоставляет такие данные, как путь (pathname), строка запроса (search) и состояние маршрута (state), если оно передано.

Вопросы React Frontend Developer