Специализация
Python Backend Developer
Java Backend Developer
Node.js Backend Developer
Golang Backend Developer
React Frontend Developer
Выберите навыки
React
JavaScript
Git
Redux
Webpack
Сложность
1-3
4-6
7-8
9-10
Рейтинг вопросов
1
2
3
4
5
Подпишись на React Developer в телеграм
Как создать глобальное состояние с помощью Context API?
Context API — это способ передачи данных через дерево компонентов без необходимости передавать их через пропсы на каждом уровне. Для создания глобального состояния вы создаете контекст с помощью React.createContext(), оборачиваете ваши компоненты в провайдер, а затем используете useContext для доступа к данным в любом дочернем компоненте.
Что такое React Context? В чём его отличие от Redux?
React Context — это встроенный в React механизм для передачи данных через дерево компонентов без необходимости прописывать props на каждом уровне. Redux — это независимая библиотека для управления состоянием всего приложения, предоставляющая строгие правила его изменения (через actions и reducers) и мощные инструменты для отладки. Context решает проблему "проброса пропсов", а Redux — проблему предсказуемого управления сложным, глобальным состоянием.
Почему нельзя использовать только Context для управления состоянием во всём приложении? Какие оптимизации даёт Redux по сравнению с Context?
Context не предназначен для частого обновления больших объемов данных. При изменении значения в контексте, React перерисовывает все компоненты, которые его потребляют, даже если они используют лишь неизменившуюся часть данных. Redux решает эту проблему с помощью "подписок": компонент перерисовывается только тогда, когда изменяются именно те данные, на которые он подписан. Это дает оптимизацию производительности в крупных приложениях
В каких случаях Context лучше не использовать?
Context не стоит использовать для часто меняющихся данных.
Он может вызывать массовые перерендеры компонентов.
Также Context неудобен для сложной бизнес-логики.
В таких случаях лучше использовать специализированные state-менеджеры.
Как можно решить взаимодействие чекбоксов через React Context?
React Context позволяет хранить состояние группы чекбоксов в одном месте.
Компоненты получают доступ к данным напрямую через Context.
Это избавляет от prop drilling.
Подход полезен для сложных форм и вложенных структур.
Почему Redux предпочитают Context в больших приложениях?
В каких случаях Context API хуже state-менеджера?
Рейтинг:
5
Сложность:
8
Redux даёт более строгую и предсказуемую модель управления состоянием.
Он лучше контролирует обновления и перерендеры.
Redux масштабируется лучше, чем Context.
Поэтому его чаще выбирают для больших приложений.
Рейтинг:
4
Сложность:
7
Context API плохо подходит для часто изменяемого состояния. При обновлении контекста перерендериваются все подписчики. Это может приводить к проблемам с производительностью. Также Context не предоставляет инструментов для сложной логики. Поэтому для масштабных приложений часто используют state-менеджеры.
Рейтинг:
2
Сложность:
3
Рейтинг:
2
Сложность:
7
Рейтинг:
2
Сложность:
7
Рейтинг:
4
Сложность:
7
Рейтинг:
3
Сложность:
7
