Специализация
Python Backend Developer
Java Backend Developer
Node.js Backend Developer
Golang Backend Developer
React Frontend Developer
Выберите навыки
React
JavaScript
Git
Redux
Webpack
Сложность
1-3
4-6
7-8
9-10
Рейтинг вопросов
1
2
3
4
5
Подпишись на React Developer в телеграм
Что такое HTML5 History API и как его использовать для управления навигацией без перезагрузки страницы?
HTML5 History API позволяет изменять URL в браузере без перезагрузки страницы, сохраняя историю переходов. Основные методы API — pushState(), replaceState() и событие popstate. Они позволяют динамически менять состояние страницы, обновляя URL, что делает навигацию в одностраничных приложениях (SPA) более плавной и интерактивной.
Как работает HTML Custom Elements API, и как можно создать и зарегистрировать собственные элементы?
HTML Custom Elements API позволяет разработчикам создавать собственные HTML-элементы, которые ведут себя как стандартные элементы, но могут иметь свою уникальную логику и стиль. Чтобы создать кастомный элемент, необходимо определить класс, который наследует от HTMLElement, и зарегистрировать его с помощью customElements.define(). Эти элементы могут быть использованы на странице так же, как и стандартные HTML-теги. Custom Elements расширяют возможности HTML, делая его более гибким для современных веб-приложений.
Что нужно сделать, чтобы отправить почту в HTML?
Чтобы отправить письмо через HTML, можно использовать ссылку с атрибутом href, который содержит протокол mailto:. Это откроет почтовое приложение пользователя с готовым черновиком письма. В ссылке можно указать адрес, тему и текст письма.
Как работает сборщик мусора (garbage collector) в JavaScript? Какие есть стратегии для управления памятью?
Сборщик мусора в JavaScript автоматически освобождает память, удаляя объекты, на которые больше нет ссылок. Основной механизм — это "сборка по достижению" (mark-and-sweep), где объекты помечаются как достижимые или нет. Оптимизация работы с памятью заключается в том, чтобы избегать удержания ненужных ссылок на объекты и помнить о замыканиях, которые могут сохранять данные в памяти дольше, чем требуется.
Что такое __proto__ и prototype?
__proto__ — это скрытое свойство каждого объекта, которое ссылается на его прототип, позволяя наследовать свойства и методы. prototype — это свойство функций-конструкторов, которое определяет прототип для всех объектов, созданных с их помощью. Когда создаётся объект с помощью конструктора, он получает ссылку на прототип через свойство __proto__, а прототип этих объектов задаётся через свойство prototype конструктора.
Что такое Redux Toolkit и зачем он нужен?
Как подключить React-компонент к Redux-store?
Как работает хранилище (store) в Redux?
Для чего используется функция connect в React Redux? Какие параметры принимает?
Что такое CSS-методы, такие как Atomic CSS или Utility-First CSS (например, Tailwind CSS)?
Рейтинг:
3
Сложность:
3
Redux Toolkit — это официальная библиотека от разработчиков Redux, которая упрощает настройку хранилища, создание редьюсеров и действий. Она устраняет повторяющийся код и предоставляет инструменты для работы с асинхронными операциями. Это рекомендуемый способ использования Redux в современных приложениях.
Рейтинг:
1
Сложность:
3
Чтобы подключить компонент к Redux-store, используется библиотека React Redux. Для получения данных из состояния применяется хук useSelector, а для отправки действий — useDispatch. Эти инструменты позволяют интегрировать Redux-логику в React-компоненты без необходимости дополнительной настройки.
Рейтинг:
3
Сложность:
5
Хранилище (store) в Redux управляет состоянием всего приложения. Оно предоставляет методы для получения текущего состояния (getState), отправки действий (dispatch) и подписки на изменения (subscribe). Хранилище связывает редьюсеры с действиями, чтобы обновлять состояние.
Рейтинг:
1
Сложность:
5
connect связывает React-компоненты с состоянием и действиями Redux. Она принимает две функции: mapStateToProps для подключения состояния и mapDispatchToProps для передачи действий в компонент. В результате компонент получает доступ к необходимым данным и возможностям изменения состояния.
Рейтинг:
5
Сложность:
10
Atomic CSS и Utility-First CSS — это подходы к написанию стилей, где каждое правило представляет собой отдельное CSS-свойство или утилиту. Например, в Utility-First CSS используются классы, которые определяют конкретные стили, такие как отступы или цвета, что позволяет быстро создавать интерфейсы.
Рейтинг:
2
Сложность:
8
Рейтинг:
2
Сложность:
6
Рейтинг:
1
Сложность:
2
Рейтинг:
3
Сложность:
8
Рейтинг:
4
Сложность:
9
