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