Логотип YeaHub

База вопросов

Собеседования

Тренажёр

База ресурсов

Обучение

Навыки

Войти

Выбери, каким будет IT завтра — вместе c нами!

YeaHub — это полностью открытый проект, призванный объединить и улучшить IT-сферу. Наш исходный код доступен для просмотра на GitHub. Дизайн проекта также открыт для ознакомления в Figma.

© 2026 YeaHub

Документы

Медиа

Назад
Вопрос про Redux: redux-toolkit, селектор

Как использовать createSelector из reselect с RTK?

Этот вопрос проверяет знание того, как интегрировать библиотеку reselect с Redux Toolkit для создания производительных и переиспользуемых селекторов.

Короткий ответ

createSelector из библиотеки reselect позволяет создавать мемоизированные селекторы, которые эффективно извлекают и вычисляют данные из состояния Redux. С RTK он используется для создания производительных селекторов, которые избегают ненужных перерасчетов, если данные не изменились.

Длинный ответ

createSelector — это функция из библиотеки reselect, которая помогает создавать мемоизированные селекторы. Это означает, что селекторы будут вычисляться только тогда, когда данные, которые они используют, изменятся, что повышает производительность приложения.

Как использовать с RTK:

Для создания селектора с использованием createSelector нужно передать функции, которые извлекают данные из состояния Redux, а затем произвести дополнительные вычисления, если необходимо.

Пример использования с RTK:

import { createSelector } from 'reselect';
// Селектор для получения всех пользователей
const selectUsers = (state) => state.users.entities;
// Мемоизированный селектор для получения активных пользователей
const selectActiveUsers = createSelector(
	[selectUsers],
	(users) => users.filter(user => user.active)
);

Преимущества:

  • Селекторы с мемоизацией позволяют избежать лишних перерасчетов и улучшить производительность приложения.

  • Вы можете комбинировать селекторы для более сложных вычислений, оставаясь при этом эффективным.

Уровень

  • Рейтинг:

    1

  • Сложность:

    3

Навыки

  • Redux

    Redux

Ключевые слова

#redux-toolkit

#селектор

Подпишись на React Developer в телеграм