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 секунды.

Question 5

Что такое TCP handshake?

Accepted Answer

TCP handshake — это процесс установления соединения между клиентом и сервером. Он состоит из трех шагов: клиент отправляет SYN, сервер отвечает SYN-ACK, клиент подтверждает ACK. Это гарантирует, что обе стороны готовы к обмену данными.

Question 6

Что происходит после установления TCP-соединения перед отправкой данных?

Accepted Answer

Перед отправкой данных по TCP выполняется трехэтапное рукопожатие (three-way handshake). Клиент отправляет SYN-пакет, сервер отвечает SYN-ACK, клиент подтверждает ACK. После этого соединение считается установленным, и начинается передача данных.

Question 7

Что такое TCP и зачем он нужен?

Accepted Answer

TCP (Transmission Control Protocol) — это транспортный протокол, обеспечивающий надежную, упорядоченную и проверенную на ошибки доставку данных между приложениями. Он устанавливает соединение перед передачей, гарантирует, что все пакеты дойдут до получателя в правильном порядке, и управляет перегрузками сети. TCP используется в веб-серфинге, электронной почте, передаче файлов и других приложениях, где важна целостность данных.

Вопросы React Frontend Developer