React hooks. useMemo и useCallback это плохо? Когда лучше использовать? React.memo

Всем привет, на связи WebStack – Frontend и это новое видео в котором мы поговорим про два самых загадочных хука в React. А именно useMemo и useCallback. А заодно затронем React memo.

Таймкоды:
00:00 | Вступление
02:10 | Когда React компонента перерендеривается?
06:00 | useMemo - как рабоатет?
08:00 | Как ухудшить оптимизацию при использовании useMemo?
09:40 | Когда использовать useMemo?
16:22 | useCallback - как работает?
24:30 | Сохраняем ссылку на функцию с помощью useCallback
28:20 | Заключение

Поддержать канал:

Канал с советами для начинающих Frontend разработчиков:

Чат где можно задать мне вопросы и пообщаться с другими начинающими фронтендерами:

Наш Discord сервер:

[WinchesterD]

Спасибо за видео, готовлюсь к интервью по Реакту, закрепляю знания.

[autumn]

Огромное спасибо ❤
Никак не помог понять, а надо ли ине вообще их использования использовать и что именно стоит применять
Надеюсь канал получит скачок в популярности

[dtlnfs]

Дядька, идеальное объяснение, особенно пример с useCallback потрясный, молодчик! Спасибо большое

[kokomin]

Посмотрев твое видео я наконец то понял, зачем нужны useMemo и useCallback и как они работают, большинство роликов на эту тему, просто мусор. Низкий поклон за труды!

[АлександрЕрмолов-пь]

мне кажется или все-таки на 7-30 и 7-35 curency пересчитывается и отрисовывается еще раз... что-то не работает там у тебя useMemo

[kawaikaino]

Работаю с реактом давно, но буквально на днях (к своему стыду) узнал что - useEffect, при любом количестве зависимостей в массиве зависимостей, рендерит 1 раз ВСЕГДА! А потом уже, при последующих рендерах смотрит в массив зависимостей, если поменялось что-то рендерит повторно. Если у вас скажем 3 useEffect-а в компоненте с разными зависимостями, все выполнятся 1 раз при первом рендере (зависимости игнорируются)

Может кому-то поможет. Обычно ставлю проверки внутри useEffect и как-то не замечал...