React Frontend Developer

Question 1

Чем отличаются getStaticProps, getServerSideProps и getStaticPaths?

Accepted Answer

getStaticProps получает данные для статических страниц во время сборки. getServerSideProps получает данные при каждом запросе на сервере. getStaticPaths определяет какие динамические пути должны быть предварительно сгенерированы для статических страниц.

Question 2

Как устанавливается TCP-соединение и где в этом процессе используется HTTP/HTTPS?

Accepted Answer

TCP-соединение устанавливается с помощью трехэтапного рукопожатия между клиентом и сервером. Сначала клиент и сервер договариваются о параметрах соединения, и только после этого можно передавать данные. HTTP работает поверх TCP и использует уже установленное соединение. HTTPS добавляет этап шифрования с помощью TLS перед началом передачи HTTP-данных. TCP отвечает за доставку, HTTP — за формат и смысл сообщений.

Question 3

Как реализуется Open-Closed в компонентах?

Accepted Answer

Принцип открытости/закрытости гласит, что компоненты должны быть открыты для расширения, но закрыты для модификации. В контексте UI это означает, что базовый компонент не должен изменяться при добавлении новой функциональности. Вместо этого новая логика добавляется через композицию, наследование (редко) или передачу параметров. Например, кнопку можно расширить, передав новые пропсы или обернув её в HOC, а не изменяя её исходный код. Это делает код более предсказуемым и упрощает тестирование.

Question 4

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

Accepted Answer

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

Вопросы React Frontend Developer