memo vs useMemo vs useCallback в React. В чём разница?

  Рет қаралды 1,862

easydev

easydev

Күн бұрын

#reactjs #javascript #typescript
00:00 Определения memo, useMemo, useCallback
03:38 Для чего нужен memo. Пример
08:29 Передаём в props объект
09:18 Пример использования useMemo
12:44 Передаём в props функцию
15:03 Пример использования useCallback
17:00 Когда использовать memo, useMemo, useCallback
18:04 Когда ещё можно использовать useMemo
Code: github.com/easydevgit/react-memo

Пікірлер: 20
@dmitry_st
@dmitry_st 27 күн бұрын
Дякую за детальний і зрозумілий контент, дуже структороване і чітке роз'яснення.
@kiratoy4439
@kiratoy4439 14 сағат бұрын
Спасибо за подробный и понятный контент, очень структорированное и четкое разъяснение.
@Zreus-ry9el
@Zreus-ry9el 16 күн бұрын
Спасибо за видео! Можно подробнее рассказать для чего нам useCallback, если можно заменить его useMemo? В чем конкретно заключается удобство/преимущество useCallback при работе с функциями?
@funfstuck
@funfstuck 2 ай бұрын
дякую за відео
@Sylar7773
@Sylar7773 6 ай бұрын
если честно, контент пушка, спасибо огромное
@mryolo5334
@mryolo5334 Ай бұрын
Автор, вы случайно не продаете курсы на Udemy. Очень понравилось ваше объяснение! Спасибо!
@yurisorokin8016
@yurisorokin8016 6 ай бұрын
Спасибо! Замечательное и очень логичное объяснение.
@user-lx7xb4hx8v
@user-lx7xb4hx8v 6 ай бұрын
Мужик, спасибо большое!!!
@user-nj6dh2ck2y
@user-nj6dh2ck2y 6 ай бұрын
Пацаны, навалим лайкосов!
@---Maksim---
@---Maksim--- 6 ай бұрын
Можно еще Ref использовать.
@gyglejid
@gyglejid 4 ай бұрын
Этот комментарий создан в знак уважения к автору, его трудам и для продвижения его канала.
@user-ds4ik5zu9n
@user-ds4ik5zu9n 6 ай бұрын
Не хватает еще в конце краткого повторения зачем каждый, для закрепления. Типа сравнительная таблица.
@easydev1205
@easydev1205 6 ай бұрын
Да, можно было
@iGotton
@iGotton 6 ай бұрын
+
@oxygen8168
@oxygen8168 6 ай бұрын
на 6:00 в третьей строке у тебя показывается "х25 'render CounterLinks' ", что это такое, зачем, и что за расширение ?
@easydev1205
@easydev1205 6 ай бұрын
console-ninja.com/
@user-rk1vb7yt7t
@user-rk1vb7yt7t Ай бұрын
изменение пропсов не является причиной для ререндеров, это является лишь следствием ререндера
@easydev1205
@easydev1205 Ай бұрын
Причиной
@user-rk1vb7yt7t
@user-rk1vb7yt7t Ай бұрын
@@easydev1205 окей, в каких случаях происходит ререндер компонента при изменении его пропсов?(не используя memo)
@easydev1205
@easydev1205 Ай бұрын
Если с точки зрения, что изменение локального состояния (которое идёт в пропсы) приводит к ререндерингу компонента и соответственно ререндерингу всех его дочерних компонентов - то да. Не сами по себе пропсы - причина - они связаны с рередерингом родителя
Зачем на самом деле нужен хук useCallback
8:33
Михаил Непомнящий
Рет қаралды 39 М.
My little bro is funny😁  @artur-boy
00:18
Andrey Grechka
Рет қаралды 7 МЛН
СНЕЖКИ ЛЕТОМ?? #shorts
00:30
Паша Осадчий
Рет қаралды 8 МЛН
Универ. 13 лет спустя - ВСЕ СЕРИИ ПОДРЯД
9:07:11
Комедии 2023
Рет қаралды 6 МЛН
React мемоизация - useCallback, useMemo, memo
31:02
Learn React Hooks: useMemo - Simply Explained!
13:41
Cosden Solutions
Рет қаралды 81 М.
ComponentPropsWithoutRef. React и TypeScript
7:33
easydev
Рет қаралды 584
React 15: Хук useMemo и useCallback
13:38
Школа web-программирования Constcode
Рет қаралды 25 М.
My little bro is funny😁  @artur-boy
00:18
Andrey Grechka
Рет қаралды 7 МЛН