React Frontend Developer

Question 1

В чём разница между event.target и event.currentTarget?

Accepted Answer

event.target — это элемент, который вызвал событие (например, кнопка внутри div, на которую кликнули).event.currentTarget — это элемент, к которому прикреплён обработчик (например, сам div).

Question 2

Чем отличаются GET и POST-запросы?

Accepted Answer

GET — получает данные (параметры в URL, кэшируется).POST — отправляет данные (тело запроса, не кэшируется).GET менее безопасен, POST — для изменения данных.

Question 3

При разборе запроса на Target, Body и Header — что шифруется?

Accepted Answer

При HTTPS шифруется всё: URL (Target), Body, Headers. Исключение — домен (виден в SNI)

Question 4

Как работает получение данных на сервере в Next.js? (Раньше — getServerSideProps, в App Router — async-компоненты)

Accepted Answer

В старом Pages Router для получения данных на сервере использовалась специальная функция getServerSideProps, которая передавала данные в компонент страницы через пропсы. В новом App Router Server Components (помеченные как async) могут напрямую получать данные с помощью fetch или других библиотек, а затем рендерить JSX.

Question 5

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

Accepted Answer

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

Question 6

Почему авторизацию нельзя (или нежелательно) делать через GET-запрос?

Accepted Answer

GET-запросы передают данные через URL, который легко логируется и кэшируется. Авторизационные данные могут попасть в историю браузера или серверные логи. Это создаёт риск утечки токенов или паролей. Даже при HTTPS URL остаётся видимым для клиента. Поэтому для авторизации используют body запроса.

Вопросы React Frontend Developer