React 15: Хук useMemo и useCallback
2020 ж. 6 Қаз.
25 465 Рет қаралды
useMemo и useCallback - хуки для создание объектов и функций (соответственно) с постоянными ссылками на них. Между рендерами иногда нужно уметь сохранять ссылки на объект и функции - ведь очень много моментов в React строится на сравнение ссылок на объекты и функции. В этом уроке рассмотрим как использовать и в каких сценариях могут пригодиться эти хуки.
Наш главный курс "JavaScript старт" - constcode.ru/javascript-start
Бесплатная консультация - constcode.ru/free-lesson
Контакты:
Сайт - constcode.ru
VK - vk.com/constcode
KZhead - / @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...
Пока лучшее объяснение + пример нормальный легчайший лайк
Приклади відмінні, пояснив грамотно і коротко, дякую
Доходчиво все разъяснил, самое лучшее видео из тех, что смотрел!
Старался
Спасибо, отличные примеры, не первый ролик смотрю, Ваш довёл до сути.
Рад стараться
Очень крутые примеры привели для объяснения. Спасибо👍
Очень круто объяснил, просто и понятно, большое спасибо )
Рад стараться )
Как обычно клево объяснил!!! Спасибо! Если объясняет Данчин - значит ты точно поймешь)
Рад стататься
Спасибо за объяснение -- топчик
Супер, спасибо👍
Отлично, молодчага
Спасибо, Алексей, очень круто и понятно
Круто, что круто и понятно )
Отлично объяснили!
Спасибо за урок 👍🏻
Дальше интереснее!
Отличное и четкое объяснение, спасибо. До вас посмотрел 3 подобных урока, понял только на этом примере.
может быть потому, что уже 3 раза смотрел другие уроки, потому и понятно стало )
Молодчина, хорошо объясняешь
Спасибо за видео, готовлюсь к интервью по Реакту.
Хорошо объясняешь, молодец.
Спасибо
Спасибо!
очень здорово, спасибо большое
Рад стараться)
полезный урок 👍
Рады стараться!
очень доступно, спасибо тебе неизвестный программист)
Я же представился
@@web-constcode6252 ооу. Извини, перемотал и не заметил. Ну так или иначе. Спасибо тебе за все. Ждем новых роликов.
Круто объяснили, большое спасибо!
Спасибо, стараемся ! ))
Спасибо за объяснение! Удивился почему ты открываешь консоль VS Code через ctrl + j , а не через ctrl + ~(тильда). Рекомендую)
Спасибо.
Рад стараться =)
чиназес дуже гуд
Думаю, можно было просто в button поставить аттрибут type="button", а то там по умолчанию type="submit") А видео крутое, спасибо)
Рад стараться! Спасибо за дополнение
первый видос, благодаря которому я понял
Рад стараться! =D
@@web-constcode6252 Я подтверждаю! Так и есть вы тот кто смог донести до меня как они работают! Благодарю!
самое адекватное объяснение в рунете, единственное до сих пор не понимаю нафига указывать функции в зависимостях useEffecta , мне кажется это может только испортить всю погоду)
Спасибо
насколько я понимаю там будет писаться ошибка что не все зависимости переданы в массив, иногда видел у себя такую ошибку, хотя это скорее просто warning, который можно там поправить)
@@web-constcode6252вы так и не ответили, зачем добавлять функцию в зависимости. Для чего это делать?
Я правильно понимая, что если во втором примере вынести greeting в глобальную область видимости (за компонент), то всё будет работать как и с useCallback ???
Нужен код видеть что бы ответь на этот вопрос. Но если greeting будет глобальной переменной, то да, она будет всегда одной и той же для всех экземпляров. Так, например, делают с общими настройками и стилями.
@@web-constcode6252 Спасибо за ответ
А еще ее можно описать функцию внутри useEffecta, если она используется только там, и тогда лишнюю зависимость можно убрать.
хорошо рассказываете, но суть разницы не раскрыли, да еще и зачем-то эффект сюда добавили. у мемо и каллбэка имеется разница, описанная на странице которую Вы показывали и существенная. надеюсь зрители все же почитают и дополнят полученную в видео информацию текстом из показанной оф. документации
Всегда в первую очередь нужно читать документацию. Мои ролики это дополнительные примеры.
Почему функцию greeting просто не вынести из функции App?
Вынеси )
Только surname никто не употребляет в англоязычной речи, используй лучше в примерах first name и last name
нужно было usecallback на одном и том же примере. А если в 1 примере создать callback то что ... ты взял все стер добавил useEffect все предыдущие забылось и пытаясь найти общее с предыдущим примером понимаешь, что это какойто развод. Галимое обьяснение. Я хотел узнать чем отличается useMemo от useCallback и ответа нету. В чем разница от сохранения результата от сохранения функции.
Развод и галимое объяснение. Я столько старался ради этих слов.
я не понял
Хорошо, что на KZhead есть много разных объяснений =) Надеюсь, что разберетесь!
бл....норм обьяснил, но в конце ролика досмотрел что карта висит на стене...при нынешней ситуации с Украиной - это вообще считаю провокация.
Карта районов Москвы провокация ?
@@web-constcode6252 конечно бл....ты на приколе ?
@@sergeykushnerov8947 нет, на фенотрапиле. Так а чем карта Москвы не угодила ? )))
@@web-constcode6252 бл....я украинец....ГЛАЗА РЕЖЕТ !!!!!!!!!!!!!
Гарно зачіска
Дякую)
Второй пример так себе, у новичков возникнет вопрос - зачем в dependency array записывать функцию? Тут лучше пример с onClick функциями подойдет.
Зачем это делать?