Учимся использовать useMemo, useCallback и React.memo | подводные камни | JavaScript, React

В уроке пройдёмся по хукам мемоизации в Реакт, посмотрим как их правильно использовать, в каких случаях лучше использовать.
🏰 Английский YouTube: @webelart_en

Ссылки используемые в уроке:

Статьи используемые для подготовки:

Коллеги, которые помогли ссылками:

00:00 Введение.
11:30 MyHeavyComponent
14:10 useMemo для тяжёлых вычислений
17:45 Оптимизация без мемоизации
24:19 Передача объекта в props.
28:50 Передача функций в props.
31:10 Где лучше использовать мемоизацию + примеры из жизни.

На канале я рассматриваю различные темы веб-разработки, на текущий момент: веб-основы, веб-анимации, веб-дизайн.

[qcictbx]

Крутая тема, крутое видео!
Хуки и реакт вообще больная тема для меня, слишком много ошибок в них делают разработчики, причем любого уровня.
Есть еще проблема про меморизацию компонента с children, про это многие забывают. Если передать обычный jsx в children компонента обернутого в memo, то на каждый рендер будет вызываться createElement для этого children, а createElement каждый раз создает новый объект, из-за чего меморизация ломается и добавляет лишний вред для производительности вычислениями меморизации. Еще в контекст многие любят передавать объект, ломая перф всего приложения одной строчкой.
Очень круто, что вы поднимаете такие темы.

[dr_morpho]

Как у вас лампово и на лайте, никакой душноты, успехов вам)

[theoty-js]

Клёво, что умеешь эмоции включать, так милее уроки получаются) буду изучать хуки, а то пока что знаю о таких как UseEffect и UseState, этого явно маловато ;) благодарю милая)

[Mikhail.tortik]

Оооооооо, тема с useMemo и React.memo это топ. А то в инэте в основном инфа по useState и useEffect) Спасибо большое, жду видос про tsconfig.json😄😄

[sako]

Спасибо за такое видео, я сколько видео посмотрел по useMemo и по useCallback не понял, а тут прям все понятно, и весь ролик я так кайфовал, как будто АСМР смотрю)))

[krepanff]

Спасибо! Очень доходчиво и понятно все объяснено. Приятно смотреть.

[slavaUkraineStayWithUkraine]

Спасибо за объяснение нюансов, ни у кого такого не слышал. Сам не сильно люблю использовать useMemo, так как сложно понять где он нужен а где нет. Но после видео теперь понял, где его можно юзать и как.

[DevAccount-rqni]

Супер классное понятное объяснение!! Елена спасибо огромное, крутая подача, продолжайте в том же духе 🔥

[albinasenkova]

Елена, спасибо огромное! Лучшие видео-лекции про веб ❤

[RedShucov]

Спасибо большое за видео, очень нравится ваша подача и позитивное настроение
Желаю побольше просмотров и развития каналу, вы классная :)

[muslimm]

Спасибо Елена, заслуженный лайк и подписка)) просмотрел кучу видео на эту тему, но так доходчиво еще никто не объснял

[MaxShilov]

Очень доходчиво объяснила 🔥
Елена, огромная тебе благодарность 🤟🏻

[SergeyDon]

Просто огонь! Просто топ! Как все легко и структурно. Задолбался выковыривать инфу про эти хуки. Везде вроде и по делу и в то же время непонятно, что, когда и где пользовать. Спасибо!

[soldatov_ss]

Это было исчерпывающее видео, очень круто что разжевали все подробно и все подводные камни изучили. Прям основательный подход
Посреди видео поставил лайк и подписался. Зачет

[custercuster]

Большое спасибо за качественный контент, как раз подхожу к хукам, в изучении реакта, видео пришлось как нельзя кстати :)

[vvnvhpu]

Спасибо Елена, все круто и понятно, мне понравилось, подписка! Успехов и удачи!!)

[midlton]

Огромное спасибо! Я сидел с этими темами 4 часа.

[RamaRama-qvjo]

Спасибо, очень доступно для понимания !

[viktorgusev]

Круто, смотрю третье видео перед подготовкой к собесам.
Спасибо )

[awesomedud]

Обалденный контент. Спасибо! Жаль раньше вас не нашел