Пишем кастомный Хук для фильтров используя параметры страницы (query string)

Спасибо за комментарий, useCallback и useMemo(немного поправил получение фильтра) здесь нужны, для того чтобы при каждом ререндере возвращать мемоизированные значения. Иначе, все дочерние компоненты, которые будут их получать в качестве пропсов, будут ререндериться каждый раз. Идея добавление useCallback, как раз была именно в том, чтобы исключить рередер дочерних компонентов. В случае передачи функций таким способом, как вы предложили, действительно будет создаваться каждый раз новая функция, но зачем так делать. Если если нужна оптимизация, то лучше передавать одну и туже ссылку на функцию, путем импортирования например из вне React компонента или мемоизируя ссылку внутри компонента.

Пишем кастомный Хук для фильтров используя параметры страницы (query string)

Спасибо за замечание, поправлю в статье вычисление filter

Пишем кастомный Хук для фильтров используя параметры страницы (query string)

Может лучше будет замемоизировать filter и setSearchQuery, подумаю над вариантом

Пишем кастомный Хук для фильтров используя параметры страницы (query string)

Спасибо за замечание, пожалуй с вами соглашусь, поправлю

Когда же нужно использовать useCallback

@habrjeka Спасибо за комментарии, как написано в конце статьи, действительно, данную проблему производительности можно решить путем вынесением поля ввода вместе с его state в отдельный компонент или тем методом который был предложен выше в комментарии. Моя идея была все таки не предложить идеальное решение этой задачи, а показать как можно было бы ее решить при помощи useCallback

Когда же нужно использовать useCallback

@romanere Спасибо за внимательность, поправил переменные