Специализация
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 в телеграм
Что такое React Fragment?
React Fragment — это компонент, который позволяет группировать несколько элементов без создания дополнительного узла в DOM. Это полезно, когда нужно вернуть несколько элементов из компонента, но при этом избежать добавления ненужных оберток, которые могут повлиять на стили и семантику HTML.
Что такое code coverage?
Code coverage (покрытие кода тестами) — это показатель, показывающий, какая часть кода протестирована автоматическими тестами. Выражается в процентах: чем выше показатель, тем меньше риск появления багов.
Отличия куки от session storage?
Куки:
Малый размер (~4 КБ на домен).
Автоматически отправляются на сервер с каждым HTTP-запросом.
Могут быть постоянными (срок истекает вручную) или сессионными (до закрытия браузера).
Используются для авторизации, трекинга.
Session Storage:
Больший размер (~5 МБ на домен).
Данные доступны только в текущей вкладке и удаляются после её закрытия.
Не отправляются на сервер автоматически.
Используются для временных данных (например, сохранение формы).
Как защитить данные в LocalStorage от стороннего JS?
Полностью защитить LocalStorage от чтения/изменения сторонним JS нельзя, так как он доступен в том же контексте. Можно уменьшить риски: хранить только нечувствительные данные, использовать шифрование или HttpOnly-куки для критичной информации.
Какие хранилища подходят для больших данных (LocalStorage, IndexedDB)?
Для больших объемов данных лучше использовать IndexedDB, так как оно поддерживает асинхронную работу и хранение структурированных объектов. LocalStorage подходит для небольших объемов (до ~5 МБ) и синхронных операций.
Как на фронтенде реализуется авторизация? (Хранение access/refresh токенов в Cookies / LocalStorage, отправка токена в запросах, обновление токена)
Где хранить кэшированные данные? (LocalStorage, IndexedDB). Что делать, если IndexedDB не поддерживается?
Чем localStorage отличается от sessionStorage?
Как реализовать вложенный drag-and-drop в React-приложении?
Чем отличаются cookie и sessionStorage?
Рейтинг:
3
Сложность:
8
Access token хранится в памяти или LocalStorage для доступа к API. Refresh token хранится в HttpOnly cookie для безопасного обновления. Токен автоматически добавляется в заголовки запросов и обновляется при истечении.
Рейтинг:
3
Сложность:
7
Для кэширования данных используйте LocalStorage для небольших текстовых данных (до 5MB), IndexedDB для больших объемов и сложных структур. Если IndexedDB не поддерживается, можно использовать LocalStorage как fallback, либо реализовать полифилл для IndexedDB. Для совсем старых браузеров можно использовать cookies или серверное хранение.
Рейтинг:
5
Сложность:
4
localStorage и sessionStorage — это синхронные хранилища данных в браузере. Главное отличие — время жизни данных. localStorage сохраняет данные между перезагрузками и закрытием браузера. sessionStorage очищается при закрытии вкладки. Оба хранилища доступны только в рамках одного origin.
Рейтинг:
4
Сложность:
6
Вложенный drag-and-drop строится вокруг иерархии данных, а не DOM. При перетаскивании меняется структура данных, а UI лишь отражает эти изменения. Для реализации используют библиотеки или собственную логику с расчётом целевых позиций. Ключевая сложность — корректно обновлять вложенные узлы.
Рейтинг:
5
Сложность:
5
cookie и sessionStorage используются для хранения данных в браузере.
Cookie автоматически отправляются на сервер с каждым HTTP-запросом.sessionStorage доступен только на клиенте и живет в рамках одной вкладки.
Они отличаются по объему, времени жизни и области применения.
Рейтинг:
2
Сложность:
3
Рейтинг:
2
Сложность:
4
Рейтинг:
4
Сложность:
5
Рейтинг:
4
Сложность:
7
Рейтинг:
2
Сложность:
8
