Блок схема по использованию memo() && Боевые примеры

Рет қаралды 16,102

АйТи Синяк

Күн бұрын

Пікірлер: 113

@davidfromnorth7836 3 жыл бұрын

Среди всех Todo туториалов - это как глоток свежего воздуха

@ITKAMASUTRA 3 жыл бұрын

АйТи Синяк, как всегда аплодирую!!! Дополнительно хлопаю продуктовому магазину с 3%) Особенно 3% 😐

@it-sin9k 3 жыл бұрын

Благодарочка) всегда приятно от других блогеров получить такую высокую похвалу)

@kinderhero8897 3 жыл бұрын

опа. Димыч

@aaamre4840 3 жыл бұрын

Жирный лайк Синяку!

@АлександрКалинин-ъ6й 3 жыл бұрын

Спасибо за подробные разборы и бенчмарки! У самого на них точно времени не хватит:)

@it-sin9k 3 жыл бұрын

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

@kspshnik Жыл бұрын

Жирный лайк Синяку за этот видос!!!

@it-sin9k Жыл бұрын

Лайки мы очень любим)

@n0sfer 2 жыл бұрын

этот канал круче чем chrome developers!

@it-sin9k 2 жыл бұрын

Спасибо!) Надо посмотреть канал chrome developers)

@gyglejid Жыл бұрын

Жирный лайк Синяку! ))

@myroslavpasko1087 2 жыл бұрын

Жирный лайк Синяку!!

@it-sin9k 2 жыл бұрын

Жирное спасибо!)

@operkot777 3 жыл бұрын

Жирный лайк Синяку! 🤘

@go_better 6 ай бұрын

Спасибо большое. Очень полезный канал!

@it-sin9k 6 ай бұрын

спасибо за поддержку комментариями!

@sashasyhinin3928 3 жыл бұрын

👍 - это самый жирный лайк что я нашел)

@it-sin9k 3 жыл бұрын

ахахах)

@АртемийКолотов-з4ь Жыл бұрын

ЖЫРНЫЙ ЛАЙК СИНЕКУ

@gritsienkooleg3447 Жыл бұрын

Жирный лайк Синяку!)) Заставляет задуматься и копать глубже... Спасибо за все видео!

@379sanek 3 жыл бұрын

Жирнейший лайк синяку и его команде

@vadimimmel7415 Жыл бұрын

Слышал, что алгоритмы ютуба засчитывают комменты только более пяти слов, в таком случае есть смысл добавит ещё слов, например: Жирный лайк синяку за этот пример!

@it-sin9k Жыл бұрын

Спасибо за поддержку канала! Вроде тоже больше 5 слов) алгоритм KZbin услышь нас))

@Quentinrei Жыл бұрын

Жирный лайк синяку 🎉🎉🎉🎉

@oleksandrbilyi3561 3 жыл бұрын

Жирний лайк Синяку !!!

@Andrei-jz2pp 3 жыл бұрын

Крутяк, спасибо за канал

@K2_PS 2 жыл бұрын

Жирный лайк синяку🤘

@EduardAndreichev 3 жыл бұрын

Жирный лай Синяку))) Отличное и очень полезное видео))) Спасибо тебе за то что ты делаешь!!!)))

@it-sin9k 3 жыл бұрын

всегда пожалуйста!) в качестве благодарности, можете поделиться этим видео со своими коллегами)

@EduardAndreichev 3 жыл бұрын

@@it-sin9k хотел спросить, планируешь ли выпускать видео о жизни в Нидерландах, и в частности про работу там?

@it-sin9k 3 жыл бұрын

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

@hungrycoder339 Жыл бұрын

Без воды, все расписано. Не хватает только реального примера в рабочем продукте. Чтобы замерить, насколько грамотно мемоизированные компоненты могут увеличить производительность.

@fuad2069 Жыл бұрын

Если Дэн это как наш Марк цукерберг, то ты как Кайл Симпсон, ты оффигительный исследователь!! Молодец!!

@it-sin9k Жыл бұрын

Спасибо!) будем стараться и дальше исследовать)

@vvadimvoit7704 Жыл бұрын

жирный лайк Синяку!)) видео супер!)

@isaabazov3700 Жыл бұрын

Жирный лайк синяку)

@aleksandrguryanov1078 Жыл бұрын

Жирнейший лайк синяку, отличное видео. )

@user-kj8sw6js6y 3 жыл бұрын

Жирный лайк Синяку!! Отличный видос.

@boldureans 3 жыл бұрын

Плейлист бомбический!

@user-eq7fu9sd5z 3 жыл бұрын

как всегда информативно, спасибо.

@jses8560 3 жыл бұрын

Жирный лайк Синяку.

@GrytsaLex 3 жыл бұрын

жирный лайк СИНЯКУ!

@victorchilari 3 жыл бұрын

Мега жирный лайк Синяку! Спасибо за познавательный контент 👍

@ulibkaify 2 жыл бұрын

Спасибо Вам за огромную работу и столь понятное объяснение!

@STELLS541 Жыл бұрын

Оч жирный 👍🏻!!!!

@user-dg9ki9le8m 3 жыл бұрын

В целом так и думаю, но вот последний пример с экспортом мемоизированного и немемоизированного сосотояния компонента как-то в голову вообще не приходил, спасибо! :)

@it-sin9k 3 жыл бұрын

самое вкусное оставил на конец выпуска) Честно говоря, я сам такое делал лишь единожды) и то на ревью ребята, были немного выбиты из колеи))

@Infinity-zf8ms 11 ай бұрын

Спасибо

@vitabramov89 3 жыл бұрын

Как всегда - чётко, по делу и очень полезно! Спасибо!

@eugenetit8072 Ай бұрын

Жирный лайк!!!

@vitabramov89 3 жыл бұрын

Жирный лайк синяку!

@dmitriymovchan6563 3 жыл бұрын

Классное видео!

@bukanaka 3 жыл бұрын

Очень полезные и нужные ролики! Лайк!

@nicosl8511 3 жыл бұрын

Жирный лайк Синяку! Жирный лайк Синяку!

@evgeniygalitsin5084 3 жыл бұрын

Видео огонь, спасибо тебе за твое работу )

@денисстепанов-м2ц 3 жыл бұрын

Считаю, что канал крайне недооценен

@AbraKadabra000 3 жыл бұрын

Продам коммент!(шутко)

@bukanaka 2 жыл бұрын

2:19 Все значения и так ссылочные в js. Каждый идентификатор содержит набор цифр, которые ссылаются на область в памяти где находятся данные.

@vladislavstepanov7591 2 жыл бұрын

Реакт на каждый рендер вызывает функцию, а внутри функции объявлены объекты. По сути это будут новые объекты

@ВладиславСвидерский-г6й 2 жыл бұрын

большое спасибо!

@KarasikHelen 2 жыл бұрын

Жирнющий лайк Синяку! Топчик-жирчик)

@it-sin9k 2 жыл бұрын

Спасибо!

@miloman1995s 2 жыл бұрын

круто спасибо

@kspshnik Жыл бұрын

Кстати, возможно в блок схему имеет смысл добавить ещё один вопрос: предотвращается ли рендер только одного отдельного компонента или целого поддерева компонентов?

@it-sin9k Жыл бұрын

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

@Xeon83 2 жыл бұрын

Жирный лайк синяку

@Ilya_Baklanov_MTB 3 жыл бұрын

Чтобы Синяк стал еще синее - надо надавить на него, например жирным лайком 👍

@ВячеславКонышев-ы1с 3 жыл бұрын

"Роковое число 23" xD 6:40

@user-vg5zk4xs7s 3 жыл бұрын

Ребята, спасибо большое за такой качественный контент! Расскажите, как работает useContext? Как react понимает, что нужно обновить конкретный подписанный компонент? Он бежит по всему дереву или как-то сохраняет ссылки на подписанные компоненты? В общем КАК?? Благодарю!

@it-sin9k 3 жыл бұрын

была мысль добраться до этого хука, но немного попозже возможно

@Vllad_Ko 3 жыл бұрын

like!!!!

@mikesummer670 2 жыл бұрын

Польза от использования двойного экспорта ощутимо меньше чем вред от некрасивого кода его написания. Даже в этом подтянутом за уши примере красивее было бы isOnline && !isBlockedMe передавать, но и проп тогда переименовать из isOnline в isShowOnline т к фактически этот проп отржает не факт того что юзер онлайн, а отвечает на вопрос "следует ли показывать значок онлайн". Но прием интересный все равно)

@it-sin9k 2 жыл бұрын

Согласен, на проекте, я бы тоже не пушил делать двойные экспорты :)

@denomster 3 жыл бұрын

Может глупый вопрос, но не пойму, как смоделировать, чтобы memo предотвращал из 10 попыток рендера только одну (5:35). В случае с изменением стейта родительского компонента ведь всегда будет попытка перерендерить дочерний компонент.

@Prog_Ramer 3 жыл бұрын

при загрузке со сторонних АПИ. Загрузки идут часто, но какие-то данные обновляются часто, а какие-то редко. Компоненты, которые используют редко обновляемые данные можно закешировать и рендерить реже

@raufhashimov241 3 жыл бұрын

А как вы проверяли скорость компонента? Только при первом рендере ? Или обновляли компонент. Можно полный код, пожалуйста?

@it-sin9k 3 жыл бұрын

Я делал следующим образом. У меня на экране была кнопка. По нажатию на кнопку запускался perfomance.now(), монтировался компонент и выполнялся рендер 100 000 подряд и снова вызывался perfomance.now(). И это время я сравнивал. К сожалению примеров полных не осталось, т.к. я там много разных экспериментов и перезаписывал старые

@raufhashimov241 3 жыл бұрын

@@it-sin9k эххх жаль.

@ЮлияМарченко-э1ж 2 жыл бұрын

👍

@ReAgent003 Жыл бұрын

8:39 - "Мемо сэкономит вам хотя бы 1 из 10 рендеров?" - "Ответ - однозначно да" Но почему? Не понимаю

@it-sin9k Жыл бұрын

так там же блок схема, это вопрос. "Если сэкономит, то идите по этой ветке"

@ReAgent003 Жыл бұрын

@@it-sin9k понял, спасибо за быстрый ответ, ты очень крут!

@alexup7437 3 жыл бұрын

Не совсем понял как экспортировать один и тот же компонент с мемо и без

@it-sin9k 3 жыл бұрын

export const Component = () => { ... } export default memo(Component)

@NikVolkov 2 жыл бұрын

Наижирнейший )

@kinderhero8897 3 жыл бұрын

@ko22012 Жыл бұрын

На самом деле эти примеры выдуманные, все равно надо на реальных примерах оценивать, нужно применять memo или нет.

@starwalker.odessa 3 жыл бұрын

Мне одному кажется что функциональное программирование и react hooks ...скорее - НЕ помогают, а - заставляют (разработчика) попадать "в просак"? Не видел подобную дичь ни в angular, ни во vue, ...но данные примеры говорят о том, что функциональные react - перестал быть простым и очевидным. Такие решения от разработчиков react позволяют разработчику снизить з.п. до уровня плинтуса, потому как подводных камней стало больше. Функциональное программирование - зло, ...use OOP!

@it-sin9k 3 жыл бұрын

Я бы не сказал, что ООП, простое и очевидное, возможно вы его знаете и вам кажется, что ну это то понятно. Реакт в качестве доводов создать хуки аргументировал, что новичкам сложнее понять классы, чем хуки. Поэтому возможно с вашими текущими знаниями, кажется что хуки сложнее. Тем более еще не выработаны в ней бест практисы, никто не может ответить как правильно писать и это все усложняет ситуацию. Как по мне, мне нравятся хуки, я не очень люблю ООП) А возможно все это дело вкуса просто)) хз короче)

@AbraKadabra000 3 жыл бұрын

Жирный лайк Синяку!