React Frontend Developer

Question 1

Как использовать combineReducers и зачем это нужно?

Accepted Answer

combineReducers — это функция Redux, которая объединяет несколько редьюсеров в один. Это удобно, когда состояние приложения разделено на логические части (например, пользователи, задачи, фильтры). Каждый редьюсер управляет своей частью состояния, а combineReducers объединяет их в единую структуру.

Question 2

Что такое createReducer и как его использовать?

Accepted Answer

createReducer — это функция из Redux Toolkit, которая помогает создавать редьюсеры без необходимости вручную определять типы действий. Она принимает объект с состоянием и действиями, и каждый редьюсер обновляет состояние в зависимости от типа действия. Это позволяет писать редьюсеры более компактно и эффективно.

Question 3

Как работает useReducer и когда его использовать вместо useState или Redux?

Accepted Answer

useReducer — это хук React, который управляет сложным состоянием через редюсер (функцию, обрабатывающую действия). Его стоит использовать:Когда состояние сложное (много связанных значений, например, форма с валидацией).Когда логика обновления нетривиальна (много условий, побочных эффектов).Для оптимизации производительности (редюсеры помогают избежать лишних ререндеров).Как упрощенная альтернатива Redux (если не нужен глобальный стейт).

Question 4

Если у нас 100 редюсеров, проверяет ли их все rootReducer или только до первого совпадения по типу?

Accepted Answer

rootReducer передает каждый экшен ВСЕМ дочерним редюсерам, независимо от количества редюсеров и совпадения по типу экшена. Каждый редюсер получает экшен и решает самостоятельно, нужно ли ему обновлять состояние. В switch/case default ветка возвращает текущее состояние без изменений.

Question 5

Что такое reducer в Redux?

Accepted Answer

Reducer — это функция, которая описывает, как изменяется состояние приложения.
Она принимает текущее состояние и действие.
Reducer всегда возвращает новое состояние.
Внутри reducer запрещены побочные эффекты.

Question 6

В каком порядке лучше выполнять операции: filter, sort, map, reduce?

Accepted Answer

Обычно выгодно сначала делать filter, чтобы уменьшить объем данных для следующих шагов. sort часто выполняют ближе к концу, потому что сортировка дороже по времени и при этом мутирует массив, если не скопировать его. map логично делать после фильтрации, чтобы не вычислять лишнее. reduce чаще ставят последним, когда нужно собрать итог (число, объект, Map и т.д.).

Question 7

Как устроена функция reduce в JavaScript и для чего она используется?

Accepted Answer

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

Question 8

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

Accepted Answer

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

Question 9

Как работает метод reduce?

Accepted Answer

Метод reduce применяет функцию к каждому элементу массива, накапливая результат в одном значении. Он принимает два основных аргумента: функцию-редуктор и начальное значение аккумулятора. Функция получает текущий аккумулятор и элемент массива, возвращая новое значение аккумулятора. Это позволяет легко суммировать числа, объединять строки или группировать объекты.

Question 10

В чем разница между map, filter и reduce?

Accepted Answer

Методы map, filter и reduce служат для разных целей при работе с массивами. Map создаёт новый массив, преобразуя каждый элемент исходного. Filter возвращает новый массив, содержащий только те элементы, которые удовлетворяют условию. Reduce сводит весь массив к одному значению, аккумулируя результат. Все они не изменяют исходный массив и являются чистыми функциями, что делает код предсказуемым.

Вопросы React Frontend Developer