React 15: Хук useMemo и useCallback

useMemo и useCallback - хуки для создание объектов и функций (соответственно) с постоянными ссылками на них. Между рендерами иногда нужно уметь сохранять ссылки на объект и функции - ведь очень много моментов в React строится на сравнение ссылок на объекты и функции. В этом уроке рассмотрим как использовать и в каких сценариях могут пригодиться эти хуки.
Наш главный курс "JavaScript старт" - constcode.ru/javascript-start
Бесплатная консультация - constcode.ru/free-lesson
Контакты:
Сайт - constcode.ru
VK - constcode
KZbin - / @web-constcode6252
Telegram - t.me/constcode
Discord - / discord
Материал урока:
github.com/Aleksey-Danchin/re...
ru.reactjs.org/docs/hooks-ref...
ru.reactjs.org/docs/hooks-ref...

[@user-or5hs7yw7r]

Очень крутые примеры привели для объяснения. Спасибо👍

[@spbdetonator1]

Доходчиво все разъяснил, самое лучшее видео из тех, что смотрел!

[@web-constcode6252]

Старался

[@chikichik4164]

Спасибо, отличные примеры, не первый ролик смотрю, Ваш довёл до сути.

[@web-constcode6252]

Рад стараться

[@user-hj4mj6zx6g]

Очень круто объяснил, просто и понятно, большое спасибо )

[@web-constcode6252]

Рад стараться )

[@user-er6ce4il7o]

Пока лучшее объяснение + пример нормальный легчайший лайк

[@anastasiia_idle]

Спасибо, Алексей, очень круто и понятно

[@web-constcode6252]

Круто, что круто и понятно )

[@Event_Hor]

Отличное и четкое объяснение, спасибо. До вас посмотрел 3 подобных урока, понял только на этом примере.

[@web-constcode6252]

может быть потому, что уже 3 раза смотрел другие уроки, потому и понятно стало )

[@WinchesterD]

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

[@user-be7jw6nl1p]

Спасибо за объяснение -- топчик

[@_sacred_nature]

Отлично объяснили!

[@dmitrykabanov9458]

Молодчина, хорошо объясняешь

[@trendsgallery]

Как обычно клево объяснил!!! Спасибо! Если объясняет Данчин - значит ты точно поймешь)

[@web-constcode6252]

Рад стататься

[@321123580]

Спасибо за урок 👍🏻

[@web-constcode6252]

Дальше интереснее!

[@user-jo6ug2hj1e]

Супер, спасибо👍

[@MrRonnieJamesDio]

Хорошо объясняешь, молодец.

[@web-constcode6252]

Спасибо

[@DShpak27]

Отлично, молодчага

[@KGMelis]

полезный урок 👍

[@web-constcode6252]

Рады стараться!

[@KarinaSea]

очень здорово, спасибо большое

[@web-constcode6252]

Рад стараться)

[@arsenidziamidchyk2972]

Круто объяснили, большое спасибо!

[@web-constcode6252]

Спасибо, стараемся ! ))

[@outcast-cr5yy]

очень доступно, спасибо тебе неизвестный программист)

[@web-constcode6252]

Я же представился

[@outcast-cr5yy]

@@web-constcode6252 ооу. Извини, перемотал и не заметил. Ну так или иначе. Спасибо тебе за все. Ждем новых роликов.

[@romanriezanov1704]

Спасибо!

[@iakovryzhichka2832]

Спасибо за объяснение! Удивился почему ты открываешь консоль VS Code через ctrl + j , а не через ctrl + ~(тильда). Рекомендую)

[@eanewmahariel2279]

Думаю, можно было просто в button поставить аттрибут type="button", а то там по умолчанию type="submit") А видео крутое, спасибо)

[@web-constcode6252]

Рад стараться! Спасибо за дополнение

[@SeriousJet]

Спасибо.

[@web-constcode6252]

Рад стараться =)

[@user-eo4sh4od9c]

первый видос, благодаря которому я понял

[@web-constcode6252]

Рад стараться! =D

[@user-el5ls2cq1y]

@@web-constcode6252 Я подтверждаю! Так и есть вы тот кто смог донести до меня как они работают! Благодарю!

[@johnnysel8186]

самое адекватное объяснение в рунете, единственное до сих пор не понимаю нафига указывать функции в зависимостях useEffecta , мне кажется это может только испортить всю погоду)

[@web-constcode6252]

Спасибо

[@CyberDanilka]

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

[@IGODX]

@@web-constcode6252вы так и не ответили, зачем добавлять функцию в зависимости. Для чего это делать?

[@user-to7or2ed6j]

чиназес дуже гуд

[@joper3703]

Я правильно понимая, что если во втором примере вынести greeting в глобальную область видимости (за компонент), то всё будет работать как и с useCallback ???

[@web-constcode6252]

Нужен код видеть что бы ответь на этот вопрос. Но если greeting будет глобальной переменной, то да, она будет всегда одной и той же для всех экземпляров. Так, например, делают с общими настройками и стилями.

[@joper3703]

@@web-constcode6252 Спасибо за ответ

[@aleksandralando3812]

А еще ее можно описать функцию внутри useEffecta, если она используется только там, и тогда лишнюю зависимость можно убрать.

[@VasilyVasilyVasily]

Почему функцию greeting просто не вынести из функции App?

[@web-constcode6252]

Вынеси )

[@romanmed9035]

хорошо рассказываете, но суть разницы не раскрыли, да еще и зачем-то эффект сюда добавили. у мемо и каллбэка имеется разница, описанная на странице которую Вы показывали и существенная. надеюсь зрители все же почитают и дополнят полученную в видео информацию текстом из показанной оф. документации

[@web-constcode6252]

Всегда в первую очередь нужно читать документацию. Мои ролики это дополнительные примеры.

[@killd0z3r]

Только surname никто не употребляет в англоязычной речи, используй лучше в примерах first name и last name

[@user-gv1vg1wv7b]

Приклади відмінні, пояснив грамотно і коротко, дякую

[@JdIm6fhjLgdWRhn]

я не понял

[@web-constcode6252]

Хорошо, что на KZbin есть много разных объяснений =) Надеюсь, что разберетесь!

[@MDFireX5]

нужно было usecallback на одном и том же примере. А если в 1 примере создать callback то что ... ты взял все стер добавил useEffect все предыдущие забылось и пытаясь найти общее с предыдущим примером понимаешь, что это какойто развод. Галимое обьяснение. Я хотел узнать чем отличается useMemo от useCallback и ответа нету. В чем разница от сохранения результата от сохранения функции.

[@web-constcode6252]

Развод и галимое объяснение. Я столько старался ради этих слов.

[@warcraft.mp4889]

Мемо сохраняет обьект в кеше, колбек сохраняет функцию в кеше, он это обьяснил Взял и нагнал на человека по своей невнимательности

[@sergeykushnerov8947]

бл....норм обьяснил, но в конце ролика досмотрел что карта висит на стене...при нынешней ситуации с Украиной - это вообще считаю провокация.

[@web-constcode6252]

Карта районов Москвы провокация ?

[@sergeykushnerov8947]

@@web-constcode6252 конечно бл....ты на приколе ?

[@web-constcode6252]

@@sergeykushnerov8947 нет, на фенотрапиле. Так а чем карта Москвы не угодила ? )))

[@sergeykushnerov8947]

@@web-constcode6252 бл....я украинец....ГЛАЗА РЕЖЕТ !!!!!!!!!!!!!

[@warcraft.mp4889]

​@@sergeykushnerov8947ахахах, сумасшествие какое-то Точно нац*стов нет на стране 404?

[@storozhukua]

Гарно зачіска

[@web-constcode6252]

Дякую)

[@up.to.mountains]

Второй пример так себе, у новичков возникнет вопрос - зачем в dependency array записывать функцию? Тут лучше пример с onClick функциями подойдет.

[@IGODX]

Зачем это делать?