React Frontend Developer

Question 1

Что такое CSS-методы, такие как Atomic CSS или Utility-First CSS (например, Tailwind CSS)?

Accepted Answer

Atomic CSS и Utility-First CSS — это подходы к написанию стилей, где каждое правило представляет собой отдельное CSS-свойство или утилиту. Например, в Utility-First CSS используются классы, которые определяют конкретные стили, такие как отступы или цвета, что позволяет быстро создавать интерфейсы.

Question 2

Почему Tailwind CSS может быть удобен в больших проектах?

Accepted Answer

Tailwind CSS предлагает готовые utility-классы для стилизации без написания собственного CSS. Это ускоряет разработку и уменьшает количество кастомных стилей. Код становится более единообразным. В больших командах это упрощает поддержку и масштабирование дизайна.

Question 3

Как реализовать offline-first и recovery-сценарий при потере сети?

Accepted Answer

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

Question 4

Что такое Time To First Byte (TTFB)?

Accepted Answer

Time To First Byte (TTFB) — это время от отправки запроса до получения первого байта ответа от сервера. Оно включает задержки сети, обработку запроса сервером и начало передачи данных. Низкий TTFB указывает на быстрый сервер и хорошее сетевое соединение. Высокий TTFB может быть вызван медленным сервером, плохой сетью или неоптимизированным кодом.

Question 5

Что такое First Contentful Paint (FCP)?

Accepted Answer

First Contentful Paint (FCP) — это метрика производительности, которая измеряет время от начала загрузки страницы до момента, когда браузер отображает первый фрагмент контента, например текст или изображение. Она помогает оценить, насколько быстро пользователь видит, что страница начинает загружаться. Хорошее значение FCP — менее 1.8 секунды.

Вопросы React Frontend Developer