Логотип YeaHub

База вопросов

Собеседования

Тренажёр

База ресурсов

Обучение

Навыки

Задачи

Войти

Выбери, каким будет IT завтра — вместе c нами!

YeaHub — это полностью открытый проект, призванный объединить и улучшить IT-сферу. Наш исходный код доступен для просмотра на GitHub. Дизайн проекта также открыт для ознакомления в Figma.

© 2026 YeaHub

AI info

Карта сайта

Документы

Медиа

Специализация

Python Backend Developer

Java Backend Developer

Node.js Backend Developer

Golang Backend Developer

React Frontend Developer

Посмотреть все

Выберите навыки

React

React

JavaScript

JavaScript

Git

Git

Redux

Redux

Webpack

Webpack

Посмотреть все

Сложность

1-3

4-6

7-8

9-10

Рейтинг вопросов

1

2

3

4

5

Подпишись на React Developer в телеграм

Вопросы React Frontend Developer


Работал ли с Module Federation?

Module Federation — это технология, встроенная в Webpack 5, которая позволяет нескольким независимым JavaScript-приложениям динамически импортировать код друг у друга во время выполнения. Это основа для архитектуры Micro Frontends. Она позволяет разбить одно большое приложение (монолит) на более мелкие, автономные части, которые могут разрабатываться, развертываться и обновляться независимо друг от друга, но при этом работать как единое целое в браузере пользователя.

Подробнее

Что такое Monorepo и какие задачи он решает во frontend-разработке?

Monorepo — это подход, при котором несколько проектов или пакетов хранятся в одном репозитории. Такой подход упрощает совместное использование кода, синхронизацию зависимостей и поддержку единых стандартов. Он часто применяется в больших командах и экосистемах с несколькими frontend-приложениями. Monorepo помогает снизить дублирование кода и упростить рефакторинг. При этом требует более сложных инструментов для сборки и управления зависимостями.

Подробнее

Какие инструменты используются для работы с Monorepo во frontend?

Для работы с Monorepo используют специальные инструменты, которые помогают управлять зависимостями, сборкой и запуском проектов. Самые популярные из них — Nx, Turborepo и Lerna. Также часто применяются Yarn Workspaces или pnpm Workspaces. Эти инструменты позволяют оптимизировать сборку и упростить разработку в больших репозиториях.

Подробнее

Что такое JWT-авторизация и как она работает?

JWT-авторизация — это способ аутентификации, при котором сервер выдает клиенту токен после входа. Этот токен содержит информацию о пользователе и подписывается сервером. Frontend отправляет JWT с каждым запросом к защищённым API. Сервер проверяет подпись токена и принимает решение о доступе. Такой подход не требует хранения сессий на сервере.

Подробнее

Какие токены используются в JWT-авторизации?

В JWT-авторизации обычно используются два типа токенов: access token и refresh token. Access token применяется для доступа к защищённым API. Refresh token используется для получения нового access token, когда старый истёк. Такой подход повышает безопасность и удобство работы пользователя. Frontend работает с обоими токенами, но по разным правилам.

Подробнее

Где рекомендуется хранить access token и refresh token и почему?

Почему refresh token часто хранят в httpOnly cookies?

Как должен вести себя frontend при истечении срока действия access token?

Как frontend должен обрабатывать ответ 401 Unauthorized?

Как обычно реализуется добавление access token во все запросы?

  • Рейтинг:

    5

  • Сложность:

    8

Access token обычно хранится в памяти приложения или в JavaScript-переменной. Refresh token рекомендуется хранить в httpOnly cookies. Такое разделение снижает риск XSS-атак. Frontend не должен хранить оба токена в localStorage. Безопасность хранения напрямую влияет на устойчивость приложения.

Подробнее
  • Рейтинг:

    5

  • Сложность:

    8

Refresh token часто хранят в httpOnly cookies, потому что такие cookies недоступны из JavaScript. Это защищает токен от XSS-атак. Браузер автоматически отправляет cookie с запросами к серверу. Такой подход снижает риск кражи токена через вредоносный скрипт. Это считается best practice для SPA.

Подробнее
  • Рейтинг:

    5

  • Сложность:

    7

При истечении access token frontend должен попытаться обновить его с помощью refresh token. Пользователь не должен замечать этот процесс. Если обновление прошло успешно, запрос повторяется. Если нет — пользователь разлогинивается. Такой сценарий обеспечивает плавный пользовательский опыт.

Подробнее
  • Рейтинг:

    5

  • Сложность:

    7

При получении 401 Unauthorized frontend должен определить, связана ли ошибка с истёкшим access token. Обычно запускается процесс обновления токена через refresh token. Если обновление прошло успешно, исходный запрос повторяется. Если нет — пользователь разлогинивается. Такой подход позволяет сохранить непрерывный пользовательский опыт.

Подробнее
  • Рейтинг:

    5

  • Сложность:

    6

Добавление access token обычно реализуется централизованно через обёртку над HTTP-клиентом. В случае Axios используются request interceptors. Для Fetch создаётся кастомная функция-обёртка. Это позволяет избежать дублирования кода и ошибок.

Подробнее
  • Рейтинг:

    2

  • Сложность:

    6

  • Рейтинг:

    5

  • Сложность:

    6

  • Рейтинг:

    4

  • Сложность:

    5

  • Рейтинг:

    5

  • Сложность:

    7

  • Рейтинг:

    5

  • Сложность:

    6