Найменування

До цього моменту ми не замислювалися про імена селекторів. Тим не менш, один з пунктів офіційного посібника зі стилю коду Redux, містить інформацію про найкращі практики іменування селекторів. Рекомендується починати імена функцій селекторів приставкою select, після якої йде опис обраного значення.

Наразі файл із селекторами виглядає наступним чином. Ім'я кожного селектора ми починали з приставки get. У цьому немає нічого поганого, головне однорідність коду в проекті.

src/redux/selectors.js

export const getTasks = state => state.tasks.items;export const getIsLoading = state => state.tasks.isLoading;export const getError = state => state.tasks.error;export const getStatusFilter = state => state.filters.status;

Тим не менш, слідуватимемо кращим практикам з керівництва за стилем коду та замінимо префікс на select.

src/redux/selectors.js

export const selectTasks = state => state.tasks.items;export const selectIsLoading = state => state.tasks.isLoading;export const selectError = state => state.tasks.error;export const selectStatusFilter = state => state.filters.status;

Після зміни імен селекторів потрібно оновити код імпорту у файлах компонентів.

//=============== Before ========================
import {
  getTasks,
  getIsLoading,
  getError,
  getStatusFilter,
} from "redux/selectors";

//=============== After ========================
import {
  selectTasks,
  selectIsLoading,
  selectError,
  selectStatusFilter,
} from "redux/selectors";