useDeferredValue | Лучшая фича React 18 | Преобрази UX одной строчкой
Вставка
- Опубліковано 30 вер 2024
- Многие ещё не используют новые функции React. А зря, ведь там есть офигенный новый хук useDeferredValue
Подписывайтесь на мой telegram канал:
t.me/cleanfron...
Примеры кода:
codesandbox.io...
codesandbox.io...
2:21 рад встретить того кто как я зависаю иногда
Запомни, сынок. Итем у тебя в штанах. А это айтем.
Невероятно простое обьяснение! Спасибо огромное) Именно на примерах лучше всего понимаешь работу тех или иных технологий. Однозначно - лайк и подписка!!!
Спасибо за видео. Добавьте, пожалуйста, таймкоды, чтобы знать, где начинается уже про сам хук и заканчивается предыстория
Прикольно. А чем это отличается от debounce?
спасибо за наглядный большой пример!
Евгений, спасибо за информацию, хотелось бы побольше таких полезных хуков/кастомных хуков :)
Спасибо за разбор. Очень понравилось, особенно то что с примерами
Js всё равно однопоточный. Если ты попытаешься что-то сделать когда рендеринг уже начался, интерфейс всё так же подвиснет. Там reflow внутри скрипта почему-то...
Невероятно долгое объяснение того, что говорится одним предложением
Очень крутой хук, спасибо что рассказал о нём :)
Я даже не знал про него
Приятный парень, отличное видео, спасибо, буду смотреть и другие видео!
Комментарий в поддержку каналу
Спасибо, интересно, отличная подача
Просто супер,заходит от души душевно в душу.+
Норм. Неплохо
как вам solidjs? уже 2 день его смотрю, очень нравится
никак , толку все ранвно не будет, чтобы вытеснить одну технологию другой , должен пройти aфигенно здоровый кусок времени , и [Angular, React, Vue] и не думают сворачиваться
так что в лучшем случае 1% где ты его встретишь
вон тот же Lit и Qwik тоже и тд , часто встречал?
1 из 200 проектов
Хорошая подача!
Привет, что такое clsx и есть ли видео про это?
Это тоже самое что classNames только чуть лучше
@@paromovevg а чем лучше?
@@QwDragon говорят, что быстрее. Но с тех пор уже много время прошло и обе библиотеки несколько раз обновлялись. Вряд ли вы заметите разницу в реальных приложениях.
не понял почему ты сравниваешь 2 массива defferedFinalItem и finalItems? Они же никода не будут равны
Если код на видео работает, то "никогда" слишком категорично. Думаю, что в готовом состоянии они указывают на один объект-массив, в момент изменения один на отрисованный, другой на отложенный.
единственно где это оправдано - опции где то в комбобоксе типо стран, или валют до 400 строк.
в остальном если бек одним пластом отдаёт по 1000 строк данных , то это проблема не react, а то что на беке не прикрутили лимит и оффсет.
и не чему удивляться что лагает если пытаться за раз 1000 дивчиков перерисовать?
во всём нужен здравый смысл.
Пример из видео реально синтетический. Вот примеры где я это использовал в реальной практике
1. Кастомный скролл chart.js
2. Селект топ100/20 который полностью меняет отображение огромной страницы
3. Кнопки работы с историей, которые сильно меняют большую диаграмму бизнесс процессов
Это те примеры где это было прям спасением, вообще часто это использую и в менее критичных случаях
Потому что finalItems - это useMemo. На 8:53 видно.