Трюк с useMemo от React разработчиков 

Получается этот способ заменяет использование двух хуков useCallback и useRef, которые можно было бы заюзать что бы решить эту задачу по другому, на один useMemo, так?

Интересный трюк. Не знал о нём, спасибо. Вообще побольше бы контента о таких "фишках". Последнее, что из подобного слышал - использование атрибута key для быстрого unmount->mount компонента, чтобы вернуть его дефолтное состояние при инициализации. Однозначно лайк!

Прикольно, будем знать)

Крутой трюк. Посмотрел и тут же выпилил лишний useCallback в сложном кастомном хуке на работе:)

Трюк понадобился) Спасибо большое )

Супер фишка!!!

Топовейшее,большое спасибо !

Отличный трюк с useMemo

А не получается так, что вдруг если функция в useMemo не будет чистой (она будет использовать стейт компонента или пропсы), то появятся зависимости у useMemo, изменение которых будет сбрасывать prevFilters? Если же зависимости не добавлять вторым аргументом в useMemo, то значения зависимостей внутри тела будут из замыкания первого рендера, т.е. неактуальными. Либо я не понял идею

Спасибо, полезно)

Всегда в таком случае, создаю объект инишиал фильтров, какой-то хендлер меняет значения полей этого объекта, он в свою очередь прокидывается в метод где мы что-то геттим с фильтрами, а сам метод срабатывает каждый раз в юзэффекте, если мы поменяем какой-то фильтр в объекте, так как объект с фильтрами указан в массиве зависимостей юз эффекта. Так плохо делать?

Благодарю за видео. Вопрос может глупый и все же - мы сохраняем параметры фильтров и если они не изменились, повторный запрос на сервер не отправляется. Но, допустим ситуацию, что у нас в базу добавились новые аппартаменты за это время. Получается, что у нас два источника истины и пока мы не перезагрузим страницу, новые аппартаменты не добавятся. Это норма или все таки что-то не так?

Вопрос по поводу прикрепленного комментария о том, что данный способ заменяет useCallback и useRef. У себя запустил тестовый пример, где просто изменяю счетчик у родительского компонента App и передаю функцию в дочерний компонент List. Сама функция возвращаемая из useMemo не мемоизируется, т.к. на каждое изменение счетчика происходит ре-рендер компонента List. А с хуком useCallback мы можем мемоизировать ссылку на функцию. Причем тут тогда замена хука useCallback ?) const asyncFunc = useMemo(() => { return async () => { return 1; } }, []) return ( setCount(prev => prev + 1)}>Клик {count} );

Ушли от классов, чтобы потом реализовывать их стандартные возможности через "трюки".))

увидел у тебя async/await в хуках - я часто вижу у разрабов, как они забивают на асинхронность в компонентах и работают будто это синхронный код, но это может вызывать ряд проблем - ошибки и утечки памяти. А возникают они из-за того, что компонент может обновиться пока асинхронное действие в процессе, или вообще быть отмонтирован. Я дума. это хорошая тема для раскрытия. Новичкам в первую очередь стоит рассказать про такие проблемы и чем они грозят, хотя я переучивал и сеньеров

Оу, а это точно бестПрактис? Я новичок, но я б просто в компонент с формой повесил бы useState с состоянием последнего фильтра. А на обработчике сабмита формы в самом бы начале сравнивал состояние формы и последнего фильтра. И если бы они равны, то вообще бы ничего не делал - return; Можно сериализовать состояние фильтра в строку и хранить его в useState. Сравнение строки со строкой мгновенное, никаких ререндеров, и, если уж меняться производительностью, то вряд ли этот вариант что либо покроет.

Интересно, можно ли с помощью этого трюка организовать эмуляцию 'component did update' из useEffect (исключив первый рендер) ? useEffect(() => { let initialMount = true; if (initialMount) { initialMount = false; } else { //....... } } }, [...deps]);

А есть код на анимации которые в конце ?

Дружище, классные по содержанию видосы, но имхо почти невозможно воспринимать речь, когда ты искусcтвенно держишь темп и выделяешь каждое последнее слово предложения. Глянул твой часовой доклад - прекрасная речь, никаких проблем, было бы просто замечательно, если бы ты в такой же естественной манере говорил в анимированных роликах.