Вопросы React Frontend Developer

Offline-first — это архитектурный подход, при котором приложение проектируется так, чтобы работать в первую очередь локально, а синхронизация с сервером происходит при наличии сети. Для реализации используются Service Workers для кэширования критических ресурсов и перехвата сетевых запросов. Данные пользователя сохраняются локально в IndexedDB или localStorage. При восстановлении соединения фоновые задачи (например, Background Sync API) отправляют накопленные данные на сервер, обеспечивая recovery-сценарий.

text-overflow: ellipsis добавляет многоточие в конце текста, который не помещается в контейнер. Для его работы обязательно задать overflow: hidden (или другое значение, кроме visible) и white-space: nowrap (чтобы текст не переносился). Также нужно указать фиксированную ширину контейнера.

Проблема overflow возникает, когда выпадающий список выходит за границы родительского контейнера. Решить её можно с помощью CSS-свойства overflow: visible на родителе, использования порталов React (ReactDOM.createPortal) для рендеринга списка вне контейнера, или применения библиотек типа Popper.js для динамического позиционирования. Также помогает установка z-index и проверка границ экрана.