Логотип 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


Как создать глобальное состояние с помощью Context API?

Почему нельзя использовать только Context для управления состоянием во всём приложении? Какие оптимизации даёт Redux по сравнению с Context?

В каких случаях Context API хуже state-менеджера?

Для чего нужен Provider в Context API?

Как происходит подписка на изменения в Context API?

  • Рейтинг:

    2

  • Сложность:

    3

Context API — это способ передачи данных через дерево компонентов без необходимости передавать их через пропсы на каждом уровне. Для создания глобального состояния вы создаете контекст с помощью React.createContext(), оборачиваете ваши компоненты в провайдер, а затем используете useContext для доступа к данным в любом дочернем компоненте.

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

    2

  • Сложность:

    7

Context не предназначен для частого обновления больших объемов данных. При изменении значения в контексте, React перерисовывает все компоненты, которые его потребляют, даже если они используют лишь неизменившуюся часть данных. Redux решает эту проблему с помощью "подписок": компонент перерисовывается только тогда, когда изменяются именно те данные, на которые он подписан. Это дает оптимизацию производительности в крупных приложениях

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

    4

  • Сложность:

    7

Context API плохо подходит для часто изменяемого состояния. При обновлении контекста перерендериваются все подписчики. Это может приводить к проблемам с производительностью. Также Context не предоставляет инструментов для сложной логики. Поэтому для масштабных приложений часто используют state-менеджеры.

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

    4

  • Сложность:

    3

Provider — это компонент из Context API React, который передает значение контекста всем дочерним компонентам. Он оборачивает часть дерева компонентов и предоставляет им доступ к данным без явной передачи через props. Это упрощает управление глобальным состоянием, например, темой или авторизацией.
Подробнее
  • Рейтинг:

    4

  • Сложность:

    4

Подписка на изменения в Context API происходит через компонент-потребитель. Компонент, использующий useContext или Consumer, автоматически подписывается на контекст. При изменении значения, переданного в Provider, все подписанные компоненты перерендериваются. Это позволяет передавать данные глубоко по дереву без пропс-дриллинга.
Подробнее