Встречается на собеседованиях • сегодня

Какие знаешь способы мемоизации в Redux

В Redux мемоизация используется для оптимизации производительности, предотвращая лишние перерендеры. Основные способы:

  1. reselect - библиотека для создания мемоизированных селекторов. Пример:
javascript
import { createSelector } from 'reselect';

const selectItems = state => state.items;
const selectFilter = state => state.filter;

export const selectFilteredItems = createSelector(
[selectItems, selectFilter],
(items, filter) => items.filter(item => item.includes(filter))
);

text

2. **React.memo** - для мемоизации компонентов:
```javascript
const MemoizedComponent = React.memo(MyComponent);
  1. useMemo/useCallback в React-компонентах:
javascript
const memoizedValue = useMemo(() => computeExpensiveValue(a, b), [a, b]);
const memoizedCallback = useCallback(() => doSomething(a, b), [a, b]);
  1. Ручная мемоизация в редьюсерах через сравнение предыдущего и нового состояния.

Для сложных приложений лучше использовать reselect, так как он предоставляет композируемые селекторы с зависимостями.

Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы