Специализация
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 в телеграм
Что делают метатеги <meta charset="UTF-8">, <meta viewport>, <meta http-equiv>?
Метатеги — это элементы HTML, которые предоставляют информацию о странице браузеру и поисковым системам. Например, <meta charset="UTF-8"> задает кодировку символов, что важно для корректного отображения текста. <meta name="viewport"> используется для управления отображением страницы на мобильных устройствах, позволяя адаптировать содержимое под размеры экрана. Метатеги, такие как <meta http-equiv>, могут задавать параметры, связанные с заголовками HTTP, что также способствует оптимизации страницы.
Что такое ArrayBuffer и в чем разница между типами Uint32Array и Float32Array?
ArrayBuffer — это объект, который хранит фиксированное количество байт данных в памяти. Он используется для работы с бинарными данными. Uint32Array и Float32Array — это типизированные массивы, которые представляют разные типы данных: Uint32Array работает с беззнаковыми целыми числами, а Float32Array — с числами с плавающей точкой. Основное различие между ними — в типе данных, который они хранят.
Что такое build pipeline?
Build pipeline — это набор автоматизированных шагов, через которые проходит код перед развертыванием. Он включает сборку, тестирование и подготовку к развертыванию, гарантируя, что только рабочий код попадёт в продакшн
В чем разница между build и release?
Build — это процесс преобразования исходного кода в исполняемый файл.
Release — это развертывание собранного кода в продакшн.
Используете ли UI-библиотеки или пишете CSS самостоятельно?
Выбор зависит от задачи:
UI-библиотеки (Material UI, Bootstrap) — для быстрой разработки и стандартных компонентов.
Кастомный CSS — для уникального дизайна и полного контроля.
Как реализовать модальное окно с формой (логин/пароль) и обработкой внешних кликов (outside click) для закрытия?
Какие внешние UI-киты использовал (Material UI, NDesign, Shad-CN)?
Что произойдет, если очередь microtask будет заполняться бесконечно?
Когда происходит отрисовка UI относительно очередей Event Loop?
Как реализовать группу чекбоксов с единым состоянием?
Рейтинг:
2
Сложность:
6
Модальное окно реализуется как компонент, который отображается поверх основного контента. Обработка клика вне модалки (outside click) делается через проверку цели события: если клик был не по модалке, то закрываем ее.
Рейтинг:
2
Сложность:
6
Material UI (MUI) — это комплексная библиотека компонентов, реализующая гайдлайны Google Material Design, она предоставляет готовые, стилизованные и функциональные компоненты "из коробки". ShadCN/ui — это не библиотека в традиционном понимании, а коллекция доступных, настраиваемых компонентов, код которых ты копируешь себе в проект и полностью контролируешь; он построен на основе Tailwind CSS и Radix UI. NDesign (теперь известный как Gravity UI) — это дизайн-система от Nordeck, часто используемая в корпоративных продуктах.
Рейтинг:
4
Сложность:
8
Если очередь microtask постоянно пополняется, Event Loop не перейдёт к macrotask.
В результате UI не будет перерисовываться.
Приложение может «зависнуть» без явных ошибок.
Это называется starvation macrotask.
Рейтинг:
5
Сложность:
8
Отрисовка UI происходит между выполнением macrotask.
Перед отрисовкой браузер всегда очищает очередь microtask.
Если microtask выполняются долго, UI не обновляется.
Поэтому асинхронный код напрямую влияет на плавность интерфейса.
Рейтинг:
4
Сложность:
6
Группа чекбоксов с единым состоянием реализуется через общий state.
Каждый чекбокс отражает часть этого состояния.
При изменении одного чекбокса обновляется общее состояние.
UI всегда рендерится на основе актуальных данных.
Рейтинг:
2
Сложность:
3
Рейтинг:
1
Сложность:
7
Рейтинг:
2
Сложность:
4
Рейтинг:
2
Сложность:
3
Рейтинг:
2
Сложность:
7
