React Frontend Developer

Question 1

Объясните структуру действий (actions) в Redux

Accepted Answer

Действия (actions) в Redux — это обычные JavaScript-объекты, которые описывают, что должно произойти в приложении. Они обязательно содержат поле type, определяющее тип действия, и могут включать дополнительные данные в поле payload. Действия используются для инициирования изменений состояния через редьюсеры.

Question 2

Как подключить React-компонент к Redux-store?

Accepted Answer

Чтобы подключить компонент к Redux-store, используется библиотека React Redux. Для получения данных из состояния применяется хук useSelector, а для отправки действий — useDispatch. Эти инструменты позволяют интегрировать Redux-логику в React-компоненты без необходимости дополнительной настройки.

Question 3

Как работает action в data маршрутах, и зачем он нужен?

Accepted Answer

action обрабатывает POST, PUT, DELETE и другие запросы для маршрута. Он используется для выполнения операций, таких как отправка формы или обновление данных, и возвращает результат операции, доступный в компоненте.

Question 4

Где можно логировать время клика на кнопку в Redux?

Accepted Answer

Логировать время клика на кнопку в Redux лучше всего с помощью middleware. Middleware — это точка, через которую проходят все действия (actions) перед тем, как они достигнут редюсера (reducer). Внутри middleware вы можете перехватить нужное действие (например, 'BUTTON_CLICKED') и залогировать текущее время (console.log(Date.now()) или отправить в сервис логирования). Это централизованный и непротиворечивый подход.

Question 5

Какую роль играют actions при работе с асинхронной логикой?

Accepted Answer

Actions используются для выполнения асинхронной логики, такой как HTTP-запросы или таймеры. Они не изменяют состояние напрямую, а вызывают mutations. Это позволяет отделить бизнес-логику от изменения состояния. Такой подход делает код чище и понятнее. Actions — стандартное место для асинхронных операций.

Question 6

Что такое action, reducer и store?

Accepted Answer

Redux — это библиотека для управления состоянием приложения. Action — это простой объект, описывающий, что произошло (например, 'USER_LOGGED_IN'). Reducer — это чистая функция, которая принимает предыдущее состояние и action, и возвращает новое состояние. Store — это единый централизованный объект, который хранит всё состояние приложения и предоставляет методы для его обновления (dispatch) и подписки на изменения (subscribe). Вместе они образуют предсказуемый цикл обновления данных.

Вопросы React Frontend Developer