Тёмный

Хуки useDebounceEffect/useThrottleEffect 

Ayub Begimkulov
Подписаться 11 тыс.
Просмотров 1,2 тыс.
50% 1

В данном видео я расскажу о там, как написать хуки useDebounceEffect и useThrottleEffect.
Этот урок является продолжением предыдущего, который можно посмотреть по ссылке: • Хуки useThrottle/useDe...
Ссылка на codesandbox:
codesandbox.io/s/use-throttle...
Мой канал в Telegram:
telegram.me/ayub_begimkulov_c...

Опубликовано:

 

16 фев 2022

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 4   
@user-vq8zi4ne7s
@user-vq8zi4ne7s 2 года назад
Прикольно, а есть что-то подобное готовое чтоб не писать все эти хуки самостоятельно? Потому что выглядит как очень нужное для оптимизации и удобства. Спасибо
@ayub_begimkulov
@ayub_begimkulov 2 года назад
На самом деле, подобные хуки обычно сам писал по нужде, так как библиотеки с 1-2 хуками обычно плохо поддерживаются. Но точно знаю есть одно популярное решение - `use-debounce` в npm. В целом, принцип там похожий, нужно передавать state/props в аргумент, а результат уже будет обновляться раз в n миллисекунд. Если нужен эффект - придется самому создавать)
@dsbasko
@dsbasko Год назад
Есть два нюанса. 1. cleanUpFc.current(); в ТС выдает ошибку Type 'never' has no call signatures. 2. Если например использовать дебаунс в модалке, то при анмаунте->повторном маунте первый раз срабатывает cb. isInitialRender остается в томже месте. Еще не пробовал исправлять, сейчас буду пробовать.
@user-mh1bz9dm1b
@user-mh1bz9dm1b Год назад
1. нужно через дженерик в useRef протипизировать что в нем лежит Function | undefined например
Далее
Как обновлять title в React
4:42
Просмотров 1,3 тыс.
Хуки useThrottle/useDebounce в React
20:15
Просмотров 7 тыс.
Stray Kids <ATE> UNVEIL : TRACK "MOUNTAINS"
00:59