createSelector (RTK)

React 🟡 Mid

Définition

Fonction de Reselect (intégrée a RTK) qui crée des sélecteurs memoises. Le résultat n'est recalcule que si les inputs changent, évitant des calculs redondants.

Analogie

Comme un formulaire pre-rempli : tant que les données source ne changent pas, le calcul dérive est réutilisé.

Exemple de code

const selectUsers = (state) => state.users.list;
const selectActiveUsers = createSelector(
  [selectUsers],
  (users) => users.filter(u => u.active)
);
// Ne refiltre que si state.users.list change

Cas d'usage

Dérivation de données coûteuses depuis le store Redux (filtrage, tri, aggregation).

Anti-pattern

Créer un nouveau sélecteur a chaque rendu en l'instanciant dans le composant.

Termes liés

#state#performance

← → au clavier pour passer d'une fiche à l'autre