Вопросы React Frontend Developer
Как передавать данные через loader в data маршрутах?
Рейтинг:
2
Сложность:
8
loader в data маршрутах используется для загрузки данных перед рендерингом компонента. Он возвращает данные, которые затем доступны через хук useLoaderData внутри компонента.
Что делает useLocation, и какие данные он предоставляет?
Рейтинг:
2
Сложность:
4
useLocation — это хук из React Router, который возвращает объект с информацией о текущем URL. Он предоставляет такие данные, как путь (pathname), строка запроса (search) и состояние маршрута (state), если оно передано.
Можете объяснить концепцию "props" в React?
Рейтинг:
1
Сложность:
1
"Props" (сокращение от "properties") — это способ передачи данных от одного компонента к другому. Они неизменяемы и позволяют родительским компонентам передавать информацию дочерним компонентам, чтобы настраивать их поведение или внешний вид.
Что такое селекторы и как их использовать? Какие есть библиотеки?
Рейтинг:
2
Сложность:
4
Селекторы — это функции, которые берут состояние Redux и возвращают нужные данные. Они помогают избежать повторения кода и улучшить читаемость. Для сложных вычислений с состоянием можно использовать библиотеки, такие как reselect, чтобы мемоизировать результаты и повысить производительность.
Как выглядит типичный поток данных в приложении React с Redux?
Рейтинг:
3
Сложность:
6
Поток данных в Redux односторонний. Компоненты вызывают действия (actions), которые передаются в редьюсеры (reducers) через хранилище (store). Редьюсеры обновляют состояние, и компоненты получают обновления через подписки.
Как использовать API геолокации и сенсоров для создания интерактивных веб-приложений?
Рейтинг:
1
Сложность:
5
API геолокации позволяет веб-приложениям определять местоположение пользователя с помощью GPS, Wi-Fi или других технологий. С помощью метода navigator.geolocation.getCurrentPosition() можно получить текущее местоположение, а watchPosition() позволяет отслеживать изменения местоположения. Кроме того, API сенсоров, таких как акселерометры и гироскопы, позволяет взаимодействовать с физическими движениями устройства, что может использоваться для создания интерактивных приложений, таких как игры или приложения дополненной реальности.
Как работает механизм приватных полей в классах (#field)? Какие преимущества он даёт?
Рейтинг:
2
Сложность:
5
Приватные поля в классах, обозначенные символом #, доступны только внутри самого класса, что позволяет скрыть их от внешнего кода. Это помогает защитить данные объекта от случайного изменения или доступа. Приватные поля не могут быть изменены или прочитаны напрямую вне класса, что делает их более безопасным способом хранения состояния объекта.
Что такое объект события в JavaScript? Какие свойства он содержит?
Рейтинг:
2
Сложность:
4
Объект события в JavaScript представляет собой информацию о событии, которое произошло на веб-странице, например, щелчок мыши или нажатие клавиши. Он содержит свойства, которые описывают это событие, такие как тип события, целевой элемент и координаты мыши. Например, event.type возвращает тип события, а event.target указывает на элемент, с которым произошло событие.
Что такое деструктуризация?
Рейтинг:
3
Сложность:
4
Деструктуризация — это удобный способ извлечения значений из массивов и объектов и присваивания их переменным. С помощью деструктуризации можно быстро и легко работать с данными, извлекая необходимые значения в несколько строк кода. Это делает код более читаемым и упрощает работу с комплексными структурами данных.
Какие методы чисел вы знаете?
Рейтинг:
1
Сложность:
2
Методы чисел в JavaScript включают toFixed(), toPrecision(), parseInt(), parseFloat(), Math.round(), Math.floor(), Math.ceil(), Math.random() и другие. Они используются для округления, генерации случайных чисел и преобразования строк в числа.