useDeferredValue | Лучшая фича React 18 | Преобрази UX одной строчкой

  Рет қаралды 5,402

Евгений Паромов | Front-end

Евгений Паромов | Front-end

Жыл бұрын

Многие ещё не используют новые функции React. А зря, ведь там есть офигенный новый хук useDeferredValue
Подписывайтесь на мой telegram канал:
t.me/cleanfrontend
Примеры кода:
codesandbox.io/s/imperative-f...
codesandbox.io/s/imperative-t...

Пікірлер: 28
@yaropolkvass6131
@yaropolkvass6131 Жыл бұрын
Невероятно простое обьяснение! Спасибо огромное) Именно на примерах лучше всего понимаешь работу тех или иных технологий. Однозначно - лайк и подписка!!!
@user-td3bz8st6v
@user-td3bz8st6v Жыл бұрын
Спасибо за разбор. Очень понравилось, особенно то что с примерами
@incseeuu
@incseeuu Жыл бұрын
Евгений, спасибо за информацию, хотелось бы побольше таких полезных хуков/кастомных хуков :)
@alexanderpotapov2774
@alexanderpotapov2774 Жыл бұрын
спасибо за наглядный большой пример!
@constantin1693
@constantin1693 Жыл бұрын
Приятный парень, отличное видео, спасибо, буду смотреть и другие видео!
@seregaeinwanderer910
@seregaeinwanderer910 11 ай бұрын
Просто супер,заходит от души душевно в душу.+
@sergsergey4251
@sergsergey4251 Жыл бұрын
Спасибо, интересно, отличная подача
@FF-gq3hm
@FF-gq3hm 3 ай бұрын
Очень крутой хук, спасибо что рассказал о нём :) Я даже не знал про него
@alexeizuzin
@alexeizuzin Жыл бұрын
Хорошая подача!
@user-el2wj5yh7h
@user-el2wj5yh7h 3 ай бұрын
Комментарий в поддержку каналу
@nickml5138
@nickml5138 Жыл бұрын
Спасибо за видео. Добавьте, пожалуйста, таймкоды, чтобы знать, где начинается уже про сам хук и заканчивается предыстория
@user-wr6md1qh1b
@user-wr6md1qh1b 8 ай бұрын
Норм. Неплохо
@ArtiomNeganov
@ArtiomNeganov 4 ай бұрын
Прикольно. А чем это отличается от debounce?
@QwDragon
@QwDragon Жыл бұрын
Js всё равно однопоточный. Если ты попытаешься что-то сделать когда рендеринг уже начался, интерфейс всё так же подвиснет. Там reflow внутри скрипта почему-то...
@developerdiary3136
@developerdiary3136 Жыл бұрын
как вам solidjs? уже 2 день его смотрю, очень нравится
@drewnaumenko2469
@drewnaumenko2469 Жыл бұрын
никак , толку все ранвно не будет, чтобы вытеснить одну технологию другой , должен пройти aфигенно здоровый кусок времени , и [Angular, React, Vue] и не думают сворачиваться так что в лучшем случае 1% где ты его встретишь вон тот же Lit и Qwik тоже и тд , часто встречал? 1 из 200 проектов
@ivanm8922
@ivanm8922 Жыл бұрын
Привет, что такое clsx и есть ли видео про это?
@paromovevg
@paromovevg Жыл бұрын
Это тоже самое что classNames только чуть лучше
@QwDragon
@QwDragon Жыл бұрын
@@paromovevg а чем лучше?
@levsonc
@levsonc 6 ай бұрын
@@QwDragon говорят, что быстрее. Но с тех пор уже много время прошло и обе библиотеки несколько раз обновлялись. Вряд ли вы заметите разницу в реальных приложениях.
@klubkov
@klubkov Жыл бұрын
не понял почему ты сравниваешь 2 массива defferedFinalItem и finalItems? Они же никода не будут равны
@cyrillazar2740
@cyrillazar2740 Жыл бұрын
Если код на видео работает, то "никогда" слишком категорично. Думаю, что в готовом состоянии они указывают на один объект-массив, в момент изменения один на отрисованный, другой на отложенный.
@drewnaumenko2469
@drewnaumenko2469 Жыл бұрын
единственно где это оправдано - опции где то в комбобоксе типо стран, или валют до 400 строк. в остальном если бек одним пластом отдаёт по 1000 строк данных , то это проблема не react, а то что на беке не прикрутили лимит и оффсет. и не чему удивляться что лагает если пытаться за раз 1000 дивчиков перерисовать? во всём нужен здравый смысл.
@paromovevg
@paromovevg Жыл бұрын
Пример из видео реально синтетический. Вот примеры где я это использовал в реальной практике 1. Кастомный скролл chart.js 2. Селект топ100/20 который полностью меняет отображение огромной страницы 3. Кнопки работы с историей, которые сильно меняют большую диаграмму бизнесс процессов Это те примеры где это было прям спасением, вообще часто это использую и в менее критичных случаях
@QwDragon
@QwDragon Жыл бұрын
Потому что finalItems - это useMemo. На 8:53 видно.
@johnred5380
@johnred5380 7 ай бұрын
Невероятно долгое объяснение того, что говорится одним предложением
2 Способа как убрать React context hell | Пишем хелпер на typescript
11:09
Евгений Паромов | Front-end
Рет қаралды 2,2 М.
3 правила использования React Query
23:04
Евгений Паромов | Front-end
Рет қаралды 7 М.
НРАВИТСЯ ЭТОТ ФОРМАТ??
00:37
МЯТНАЯ ФАНТА
Рет қаралды 3,6 МЛН
Double Stacked Pizza @Lionfield @ChefRush
00:33
albert_cancook
Рет қаралды 80 МЛН
useTransition() vs useDeferredValue | React 18
16:22
Academind
Рет қаралды 95 М.
Правила быстрого обучения, которые ТЕБЕ НЕ ПОНРАВЯТСЯ
21:28
Евгений Паромов | Front-end
Рет қаралды 7 М.
#2: React Hooks | Реакт Хук useEffect за 10 минут | React Hook useEffect
10:55
Типичный Веб Разработчик
Рет қаралды 2,1 М.
Learn React Hooks: useDeferredValue - Simply Explained!
12:02
Cosden Solutions
Рет қаралды 13 М.
useTransition и useDeferredValue хуки в React
17:47
easydev
Рет қаралды 1,4 М.
I Cannot Believe React Made A Hook For This
8:45
Web Dev Simplified
Рет қаралды 101 М.
React Custom Hooks: useDebounce - Simply Explained!
10:38
Cosden Solutions
Рет қаралды 25 М.
Копия iPhone с WildBerries
1:00
Wylsacom
Рет қаралды 6 МЛН
Какой ноутбук взять для учёбы? #msi #rtx4090 #laptop #юмор #игровой #apple #shorts
0:18
Я купил первый в своей жизни VR! 🤯
1:00
Samsung laughing on iPhone #techbyakram
0:12
Tech by Akram
Рет қаралды 2,6 МЛН
Cheapest gaming phone? 🤭 #miniphone #smartphone #iphone #fy
0:19
Pockify™
Рет қаралды 4,3 МЛН
EXEED VX 2024: Не өзгерді?
9:06
Oljas Oqas
Рет қаралды 49 М.