Специализация
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 в телеграм
Для чего используется функция connect в React Redux? Какие параметры принимает?
connect связывает React-компоненты с состоянием и действиями Redux. Она принимает две функции: mapStateToProps для подключения состояния и mapDispatchToProps для передачи действий в компонент. В результате компонент получает доступ к необходимым данным и возможностям изменения состояния.
Как работает хранилище (store) в Redux?
Хранилище (store) в Redux управляет состоянием всего приложения. Оно предоставляет методы для получения текущего состояния (getState), отправки действий (dispatch) и подписки на изменения (subscribe). Хранилище связывает редьюсеры с действиями, чтобы обновлять состояние.
Как подключить React-компонент к Redux-store?
Чтобы подключить компонент к Redux-store, используется библиотека React Redux. Для получения данных из состояния применяется хук useSelector, а для отправки действий — useDispatch. Эти инструменты позволяют интегрировать Redux-логику в React-компоненты без необходимости дополнительной настройки.
Куда можно выложить сборку приложения для тестирования перед релизом в App Store?
Основной способ — это использование TestFlight, официального инструмента Apple. Он позволяет раздавать сборки внутренним тестерам (до 100 человек) и внешним (до 10 000 человек). Сборка должна быть загружена в App Store Connect. Альтернативы — это сервисы сторонних производителей, такие как Firebase App Distribution или Microsoft App Center, которые часто используются для раздачи ранних сборок внутри команды до отправки в TestFlight.
Почему селекторы вызываются при любом изменении store?
Селекторы вызываются при любом изменении store, потому что Redux не знает, какие данные реально изменились.
Store сообщает подписчикам о любом обновлении состояния.
Селекторы сами решают, изменился ли нужный им фрагмент.
Это нормальное поведение Redux.
Как связать состояние вне React (external store) с React-рендерингом?
Что такое useSyncExternalStore и для чего он нужен?
Как получить тип store в TypeScript (например, через ReturnType)?
Рейтинг:
5
Сложность:
7
React сам по себе не знает о внешнем состоянии, поэтому его нужно явно “подключить” к процессу рендера. Обычно это делается через подписку на изменения внешнего стора и принудительный ререндер компонента. Современный и рекомендуемый способ — использовать useSyncExternalStore. Именно так работают Redux, Zustand и другие state-менеджеры.
Рейтинг:
4
Сложность:
7
useSyncExternalStore — это хук React для безопасного подключения внешнего состояния к рендерингу. Он позволяет подписаться на внешний стор и гарантирует, что компонент всегда рендерится с актуальными данными. Этот хук решает проблемы, которые возникают при ручных подписках в условиях concurrent rendering и Strict Mode. Его используют как основу для state-менеджеров.
Рейтинг:
5
Сложность:
6
Тип store можно получить, взяв тип возвращаемого значения функции его создания. Для этого используется ReturnType. Такой подход избавляет от ручного дублирования типов. Он автоматически подстраивается под изменения в реализации. Это повышает надёжность типизации и снижает количество ошибок.
Рейтинг:
1
Сложность:
5
Рейтинг:
3
Сложность:
5
Рейтинг:
1
Сложность:
3
Рейтинг:
2
Сложность:
8
Рейтинг:
4
Сложность:
8
