Хуки useThrottle/useDebounce в React

В данном видео я расскажу о там, как правильно в реакт подойти к использованию throttle и debounce. И как обычно, после разбора темы напишем универсальный хук.
Ссылка на codesandbox:
codesandbox.io...
Видео о хуке useLatest:
• Продвинутая мемоизация...
Мой канал в Telegram:
telegram.me/ay...

[@user-kj6go4ft4j]

Вот бы таких учебных материалов побольше было бы. Спасибо большое за информации. Удачи вам!

[@ayub_begimkulov]

Постараюсь чаще выкладывать, спасибо за фидбэк!

[@anas4ik777]

Отличное видео ! Продолжайте в том же духе !

[@ayub_begimkulov]

Спасибо!

[@myspace2003]

Спасибо ! Видео помогло ! Удачи вам!

[@ayub_begimkulov]

Рад был помочь!

[@user-eu8kf1xb9h]

Дай бог тебе здоровья, бро!) Просто спас!)

[@ayub_begimkulov]

Рад, что было полезно) спасибо!

[@user-vq8zi4ne7s]

Наконец-то понятное объяснение, огонь!

[@ayub_begimkulov]

Спасибо, рад помочь!

[@amina_tulips]

Замечательно всегда удачи вам!

[@ayub_begimkulov]

Спасибо большое!

[@dever312]

Бро я дальше useCallback и useMemo перестал понимать. Точнее, думаю можно же ведь обойтись без всего следующего. Или у меня уровень еще не тот, и не сталкивался с такими проблемами. А так awesome.

[@sia4281]

Супер!

[@ayub_begimkulov]

Спасибо!

[@vitaliibudkin8210]

Сложная тема!

[@ayub_begimkulov]

Тут кажется самая сложная часть - это useLatest в связке с useMemo. Остальное легко должно быть понять.

[@druf5962]

жаль TS нету

[@ayub_begimkulov]

В планах есть переснять эти видосы. Так что все будет!

[@sergei_sergeevu4]

Печально, мои комментарии почему-то банит и удаляет ютуб, возможно из-за ссылок, придется как-то без них обойтись ( Подскажите пожалуйста, в видео вы передаете const debouncedFn = useMemo( useMemo( () => debounceFn((...args) => { latestCb.current(...args); }, ms --> параметры lodash), [ms - параметры lodash, latestCb] ); В вашем блоге, описан пример с TS, на github правильно) return useMemo( () => debounce((...args: Paramters) => { unstable_batchedUpdates(() => { latestCb.current(...args); }); }, --> тут не хватает параметров lodash), [latestCb, ...rest] ); Понравилось, что в хуке можно передавать параметры и функция не вызывается сразу Как например, react-use: useTimeoutFn (типо useDebounce или useDebounceFn) Так наверное сделано из-за того, что функция вызывается сразу в useEffect -> set() - который ничего не знает про параметры У них, useDebounce(типо useDebounceEffect) Заметил, что многие библиотеки предоставляющие useDebounce, используют lodash. Например: alibaba/hooks Возможно, в одном из следующих уроков, вы рассмотрите реализацию собственного debounce подобной с lodash)

[@ayub_begimkulov]

По поводу других реализаций - согласен, тоже мне сильно не понравились. А касательно debounce из lodash - это просто проще всего. Но если ты посмотришь на хук, который я делал для библиотеки tiny-use-debounce, там можно создать хук со своей реализацией. Просто сложно удовлетворить разные детали debounce’а, поэтому все берут lodash - самый навороченный и популярный как дефолт. А кастомную реализацию думаю не имеет смысла снимать - такого уже очень много, вряд ли я что-то добавить смогу)