87 - shouldComponentUpdate, PureComponent, memo - React JS

it-incubator.i... - человекоориентированное, честное и профессиональное обучение front-end и back-end разработке гарантированно до трудоустройства за фиксированную стоимость.
Поддержать меня можно на patreon / itkamasutra или оформив спонсорство на данном канале.
Помогайте друг другу вот здесь: t.me/reactjs_s...
API: social-network...
shouldComponentUpdate (должна компонента обновиться) - это метод жизненного цикла. React вызывает этот метод у компоненты, чтобы спросить компоненту: нужно ли вызывать повторно render, получу ли я, React, от тебя новый JSX. Для этого я дам тебе, компонента, новые пропсы и стейт (а может и не новые, а те же самые, что и были ранее) и ты на основе логики своей внутренней верни мне из этого метода true или false... Если вернешь false, то я не буду вызывать render
Метод и крут и опасен. Есть много деталей. Тем не менее он крут))) Можно сделать поверхностное сравнение объектов и понять, изменились ли данные на входе компонент (props + state), что повлияет на выход (JSX).
Такую простую проверку в этом же методе делает компонент PureComponent. И если мы отнаследуем нашу классовую компоненту не от React.Component, а от React.PureComponent, то мы получим реализованный за нас метод shouldComponentUpdate.
Это касается классовых компонент. А как нам автоматизировать перерисовку (не вызывать перерисовку, если это не нужно) для функциональных компонент? Для этого есть HOC (High Order Component) React.memo, на вход которого мы подаём компонент, который хотим оптимизировать, а на выходе получаем контейнерную компоненту, которая займётся этой проверкой и перерисовкой (хз, наверное внутри создаётся классовая контейнерная компонента PureComponent, но это неточно, нужно гуглить)... Напишите в комменте, если знаете ответ или нагуглили.
Летим, самураи!!!
Уроки по React JS: • Курс "React JS - путь ...
Сайты:
it-kamasutra.com
it-incubator.eu
samuraijs.com
Мы в соц. сетях:
itkamas...
/ itkamasutra
telegram.me/it...
Мои личные VK и Insta:
d.kuzyu...
/ it.kamasutra.dimych
#shouldComponentUpdate #PureComponent #memo #reactJS

[@temosmoev7645]

я одного не могу понять, как this.porps !== nextProps может вернуть false, ведь ето два разных объекта, свойства которых одинаковы, или я не прав?. ведь ето тоже самое что и написать {}!=={}.

[@ITKAMASUTRA]

О май гад! Зарекся больше не писать ничего так поздно ночью, потому что порою несу чушь! Конечно же, ту псевдопроверку, которую делал, она некорректная! Хорошо, что запрыгнул в комменты! Спасибо за вопрос!✊

[@user-san-chous]

@@ITKAMASUTRA значит, наверное, правильная проверка будет типа return this.state.value != nextState.value; т.е. сравнивать нужно конкретные приходящие данные с пропсов либо стейта, видимо

[@dancraig2758]

@@user-san-chous Вероятно лучше написать свою функцию, которая будет рекурсивно прходить вглубь объекта и сравнивать его примитивы

[@user-san-chous]

@@dancraig2758 ну тогда это очень редкий случай, когда такое будет действительно оправдано в плане потраченного времени и реальной пользы.

[@Temp12189]

в доках кстати написано проверку this.props !== nextProps использовать

[@SamSiMmP]

Только что узнал, что моя подруга получила оффер!! С первого собеса. Шёл 2024 год. Я так рад, что решил увековечить это тут. Молодец, Ниныч 🦾

[@ГарриАванесян-о1р]

круто!значит не все потеряно:))

[@RailUsmanov-b3v]

Сейчас когда компонент обернут в функцию connect, он автоматически выполняет проверку на изменения props и перерисовывает компонент только в случае изменения props. Это происходит благодаря встроенной оптимизации React, которая называется shallow equality проверкой props. Таким образом, обычно не требуется явное использование shouldComponentUpdate, если вы используете connect и mapStateToProps, так как React самостоятельно управляет обновлением компонента при изменении props. Однако, если у вас есть случаи, когда вам нужно специально контролировать логику обновления компонента, вы все еще можете использовать shouldComponentUpdate в ваших компонентах, даже если они обернуты в connect.

[@СветаЕфимова-й1н]

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

[@jemilsuleimanov209]

Для тех у кого классовая компонента рендерится 2 раза, даже с PureComponent. Долго не мог понять почему такое происходит, в пропсах никаких обновлений стейта не прилетает, что бы происходил ререндер, выяснил что два раза рендерится еще до того как компонент монтируется. Как оказалось сам компонент тут не причем. Прочитал в статье на медиуме, что все дело в ReactStrictMode которым у меня был обернут App, в index.js. Этот стрикт мод помогает лучше отлавливать ошибки разработчикам, поэтому и рендерится по два раза. Если его убрать, рендер происходит один раз. Надеюсь кому-то помогло и лишило головной боли :)

[@TatianaKlimenko]

Спасибо! Я долго не могла понять почему 2 раза рендер происходит.

[@asmodeus7862]

Спасибо! Целый месяц не мог понять в чем дело;)

[@vseslavr]

Этот курс - святой грааль в мире Реакта! Благодаря этим курсам устроился на работу (всего 3й месяц пошел, но все же...). Сейчас столкнулся с проблемой, что компонента ререндерится на каждый чих, хотя это не нужно. Пересмотрел данный урок и все починил используя React.memo. Да, я в любой момент мог зайти и почитать документацию реакта (что я и сделал сразу), но Димыч все обьяснил и по полочкам разложил, а это очень важно. Огромное тебе спасибо, Димыч! Ты просто лучший! Летим!

[@__online7250]

#shouldComponentUpdate #PureComponent #memo #reactJS Оптимизация!

[@araikrasoyan702]

Ребята, все кто из 2021, это всё уже не нужно, сама компонента рендерится уже один раз при одинаковыми пропсами, поэтому можете скипнуть видос и идти дальше!

[@vadimsabadosh5468]

Плюсую. В новых версиях реакта это пофиксили

[@vlad-zf1ev]

++ коммент в закреп

[@kamal_kurbanov]

Закрепите комент

[@zipri9576]

надо было перед уроком комменты почитать)

[@СергейКузнецов-э4я2я]

Мммм... Нет. Попробуй переписать компоненты с мемоизацией и проследи отрисовки. Ps мемоизация нужна PsPs если не прав, можете закидать помидорами

[@shantarampampam]

shouldComponentUpdate React. Memo. Pure Component. React. Jsx. Redux. Javascript. The best lesson

[@annatugbaeva6701]

Вот как должно начинаться идеальное утро! ✌🏾

[@ITKAMASUTRA]

:)) задротка))

[@annatugbaeva6701]

IT-KAMASUTRA да нее 😂

[@viktorshatalov1920]

димыч рассказывает про позоры на собесах, как будто рядом со мной сидишь и слушаешь и за голову хватаешься))))))супер как всегда!!!Лучший курс react на русском языке!!!!спасибо

[@interpol2138]

Немного справки. 1. Используйте shouldComponentUpdate(), чтобы указать необходимость следующего рендера на основе изменений состояния и пропсов shouldComponentUpdate() вызывается перед рендером, когда получает новые пропсы или состояние. Значение по умолчанию равно true 2.React.PureComponent похож на React.Component. Отличие заключается в том, что React.Component не реализует shouldComponentUpdate(), а React.PureComponent реализует его поверхностным сравнением пропсов и состояния.Кроме того, метод shouldComponentUpdate() базового класса React.PureComponent пропускает обновление пропсов для всего поддерева компонентов. Убедитесь, что все дочерние компоненты также являются «чистыми». 3.React.memo - это компонент высшего порядка.React.memo затрагивает только изменения пропсов. Если функциональный компонент обёрнут в React.memo и использует useState, useReducer или useContext, он будет повторно рендериться при изменении состояния или контекста.Этот метод предназначен только для оптимизации производительности. Не полагайтесь на него, чтобы «предотвратить» рендер, так как это может привести к ошибкам.

[@interpol2138]

p.s Так же HOOK useMemo. Для мемонизирования значения и оптимизации рендера и производительности(Да тема немного другая и не сильно относиться к чистым компонентам!) const memoizedValue = useMemo(() => computeExpensiveValue(a, b), [a, b]); Передайте «создающую» функцию и массив зависимостей. useMemo будет повторно вычислять мемоизированное значение только тогда, когда значение какой-либо из зависимостей изменилось. Эта оптимизация помогает избежать дорогостоящих вычислений при каждом рендере.

[@interpol2138]

p.s.s И еще небольшое отступление. Этот и следующий урок по сути рассказ о чистых компонентах: 1 Для компонентов класса react предоставляет React.PureComponent базовый класс. 2 Для функционального компонента react предоставляет React.memoHOC (компонент более высокого порядка). Главная суть урока. Работа с перерендером компонентов, оптимизация работы с компонентами и проверкой изменения стейта.

[@theWorldIsMultivariate]

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

[@vladdd2164]

2023 У меня рендеров myPost 1 а не 3, видимо пофиксили в реакте, shouldComponentUpdate, PureComponent не стоит использовать, как и классовые компоненты, React.memo или хук useMemo позволяет вам закешировать вычисления между несколькими рендерами, путём запоминания прошлого результата, но использовать их надо действительно в тех местах, где это будеть эффективно, т.е скорость снижена в разы kzbin.info/www/bejne/mGnJdHqOiZtjmJY&ab_channel=ArchakovBlog

[@tema_skakun]

ты говоришь "Не полагайтесь на него, чтобы «предотвратить» рендер, так как это может привести к ошибкам", а где пруфы, почему ты так думаешь? memo используют как раз для оптимизации производительности как раз за счёт предотвращения лишнего рендера. вот тут Александер Бальцевич рассказывает про memo kzbin.info/www/bejne/eqaqd6OumbpmjK8&ab_channel=%D0%90%D0%B9%D0%A2%D0%B8%D0%A1%D0%B8%D0%BD%D1%8F%D0%BA

[@fargutvest]

Оптимизация чтобы лишний раз не вызывался рендер детерминированность, идемпотентность shouldComponentUpdate(nextProps, nextState) - можно внутри написать проверку изменились ли props или state и если нет вернуть false и компонента не перерисуется а можно вместо заэкстендиться от PureCompenent вместо Component и тогда не нужно писать shouldComponentUpdate, проверка сделается автоматически внутри PureCompenent А если мы не хотим использовать классовую компоненту, то можем использовть функцию React.memo (наверное это HOC), обернув ею функциональную компоненту React.memo(props=>{ some code; return () } ) Круто Спасибо! React Redux

[@ITKAMASUTRA]

Спасибо за крутые комменты!

[@fargutvest]

@@ITKAMASUTRA Димыч, спасибо что заценил! Это такой мини конспект для себя и для других)

[@nuriddintashpulatov4233]

Наконец-то я смогу воспользоваться своими знаниями о мемах на практике! Тысячи часов потраченных на просмотр мемов прошли не зря, стану программистом теперь

[@ВадимЛюманов]

shouldComponentUpdate is a lifecycle method of class component позволяет оптимизировать приложение, исключая перерисовки virtualDOM. Можно опустить это метод, если использовать class Man extends PureComponent вместо class Man extends Component. Аналогом PureComponent для функциональной компоненты является обертка HOK React.memo(). Как всегда материал изложен круто). Респект и спасибо.

[@maxim.saharov]

круто расписал - Спасибо!

[@АртемКулинский-ю4о]

Дмитрий удивительный человек! Доброта и ум такое прекрасное сочетание! Обожаю его подачу! Лучший курс по React - Redux! IT-KAMASUTRA, вперед!

[@Vllad_Ko]

Круто, самый большой плюс в этом крутом курсе React Redux это даже не супер изложение всяких там HOC (High Order Component) React.memo и shouldComponentUpdate , а мотивация, даже так МОТИВАЦИЯ! Заряд на трудоустройство.

[@КонстантинРоманов-б8у]

Надеюсь, у Айрапета всё хорошо, не зря у вас учился и успешно трудоустроен.

[@territory_of_manifestation]

смотрю обычно 2x, так не привычно с обычной скоростью воспроизведения)))

[@Alex-ge7jt]

Димыч на 1x и на 2x - два разных Димыча)

[@ВикторТурсункулов]

смотрю обычно 0,75

[@viteksmarket9711]

Я просмотрел до 75го на 1,5х а потом что-то решил подзадуматься и переключил на 1. Походу Димыч как бухой :) ржака такая класс. А вообще красавчег!! Педалю на джавке и на С/С++ уже лет надцать и решил юай подтянуть. Ты молодец! Я сам иной раз веду митапы, и твои видосы заставляют поддерживать высокий уровень. Еще раз красавчик от души! React, redux, thunk, shouldComponentUpdate, PureComponent, memo все что нужно в React здесь есть\!

[@vladimirww5152]

и я так же!) Признаюсь, что в некоторых моментах на х2.5 ставил😁😁

[@vladimirww5152]

Это если кто не умеет, вбейте в строку адреса или создайте ссылку в панели закладок и кликайте по ней: javascript:document.getElementsByClassName("video-stream html5-main-video")[0].playbackRate = 2.5;

[@seriogaromanchykov9451]

Огромная благодарность!!! shouldComponentUpdate, PureComponent, memo классный урок,как всегда 2023

[@shantarampampam]

У тебя просто лучшая философия)) Насчет образования

[@alexanderkozlov7416]

В общем, как я понял, PureComponent - это класс React похожий на Component, только в нем реализован метод shouldComponentUpdate, который поверхностно сравнивает текущие пропсы и стейт с предыдущими пропсами и стейтом. Если пропсы и стейт не изменились, то компонент не перерендеривается. А React.memo - это HOC, который сравнивает только предыдущие пропсы с текущими и если они одинаковые, то новый рендер не происходит и это улучшает производительность. PureComponent нужен для классовых компонент, а memo для функциональных. Димыч, спасибо огромное за мотивирование и за то, что шаришь свои знания для нас! Бомби в том же духе ;-) И мы тоже будем бомбить. С таким учителем просто грех не бомбить.

[@itweb7157]

Дмитрий, благодарю за видео! #shouldComponentUpdate, #PureComponent, #memo - #ReactJS

[@ГалинаКузнецова-н1и]

Во имя народа, во имя людей классно сказано, а главное то, что ты делаешь это для нас.Огромная благодарность!!! shouldComponentUpdate, PureComponent, memo классный урок,как всегда все предельно ясно.

[@amaxe12345]

Спасибо Димыч! shouldComponentUpdate, PureComponent, memo - React JS #shouldComponentUpdate #PureComponent #memo

[@narutominer]

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

[@mariia6820]

Как всегда,объяснил очень доходчиво,разжевал и разложил по полкам shouldComponentUpdate, PureComponent!

[@marsonleonardovich4036]

Like! Летим дальше! shouldComponentUpdate, PureComponent, memo

[@marina-ej4qd9kc1wh]

Cупер видео про memo, shouldComponentUpdate, PureComponent. Скоро начну пересматривать курс, как Димыч говорит

[@АндрейВерещагин-т1ю]

Все здорово shouldComponentUpdate, PureComponent, memo - React JS.

[@marina-ej4qd9kc1wh]

Спасибо! shouldComponentUpdate, PureComponent, memo - спасибо за объяснение. Скоро начну пересматривать курс, как Димыч говорит

[@IgniosTyumen]

По поводу инкубатора... На мой субъективный взгляд те, кто дошел до этого этапа, хотел бы попасть на курсы субботы, чтобы попрактиковаться с проектами и тестовыми заданиями=) И спасибо за лучшие уроки по ReactJS lifecycle shouldComponentUpdate override React.PureComponent memo!

[@ВикторКысса-я8х]

Димыч, ты красавчик !!! Твои курсы советую всем ) Так доходчиво рассказал про memo, PureComponent и shouldComponentUpdate ) Отдельная благодарность за мотивацию, летим в космос !)

[@ITKAMASUTRA]

🙏🚀🚀🚀 спасибо за поддержку и обратную связь!!

[@eugene-dmitrievich]

Спасибо большое за урок!!! shouldComponentUpdate, PureComponent, memo теперь более понятны

[@bohdanatamaniuk6776]

Супер, найкращі курси по React-Redux! Спасибо Димыч!

[@semial]

Оказывать услугу во имя народа, во имя людей (с) Димыч Тебе надо в президенты Беларуси с такими лозунгами)))) Спасибо за урок, Димыч! Всё очень подробно разжевал. Всё стало ясно. shouldComponentUpdate, PureComponent memo мегаполезные штуки. React круто.

[@gurgenal4401]

Спасибо за работу, ты стратегический важный человек

[@savkaviktor]

1:10 - самое важное понимание) поэтому и курс наверное столь живой и настоящий! Благодарю)

[@mykhailo_shokun]

Димыч, все супер, летим дальше #shouldComponentUpdate #PureComponent #memo #React_JS

[@Evgeny..]

shouldComponentUpdate, PureComponent, memo - React JS Спасибо за урок

[@denweb2408]

Классное обяснение shouldComponentUpdate, PureComponent, memo - React JS

[@Багвматрицегребанойреальности]

Нравится как Димыч ведёт уроки :-) Приятно слушать, информация по React разбавлена лирическими отступлениями и хорошо усваивается! Понравилась фраза в конце видео "если вы забыли о чём я говорил до этого, напомню вам"

[@trotill007]

Димыч, спасибо! Отлично разъяснил про pureComponent и React.memo!

[@IgorLukashevich]

the best course on React. shouldComponentUpdate, PureComponent, memo - React JS

[@ЛусінеАтаджанян]

Отличное видео о оптимизации React приложения. В этот раз Дима допустил пару неточностей (первая - в закрепленном комментарии; второй момент: React.memo, на самом деле, затрагивает только изменения пропсов), что, конечно, бывает с каждым, но имейте это ввиду. А еще почему-то компонент MyPosts и без React.memo рендерится всего один раз, причину пока найти не удалось. В любом случае спасибо Диме за урок о shouldComponentUpdate и PureComponent. React JS вместе с JavaScript тащат!

[@plotitsyn]

Отличное видео по React JS и shouldComponentUpdate, PureComponent, memo в частности. Успехов! На подлете к "сотке"...

[@sanbuz]

Спасибо. shouldComponentUpdate, PureComponent,memo, React.memo

[@MrNimbus3000]

Я весь выпуск, сколько смотрел, из кресла выскакивал, чтобы коммент написать. Типа, как же так, только недавно про хуки говорили и про то, какие они крутые и снова к методам жизненного цикла, про shouldComponentUpdate и классовое наследование от PureComponent. А секрет оказался, как всегда, простым и изящным. Коварный Димыч, припрятал джокер в виде memo в рукаве)

[@dechto1]

shouldComponentUpdate, PureComponent, memo - React JS. Звучит заманчиво, начинаем просмотр!!!

[@annastatcenko2948]

Все, супер! Memo, shouldComponentUpdate, PureComponent

[@is_eliseeva]

Дмитрий, спасибо за мотивацию и знания!!!

[@amiraimurzayev8234]

shouldComponentUpdate, PureComponent, memo просто бомба для оптимизации! Спасибо, Димыч, особенно важна мотивация в конце видео, после нее хочется заниматься еще и еще и еще и еще!

[@СергейГурбин-г7к]

shouldComponentUpdate, PureComponent, memo - React JS - нечеловеческое спасибо Димыч!

[@wild_wizards]

Лайк! Несмотря на то что уже 2022 год и проблема решена(не требуется Memo и SCU), знать и понимать проблемы - это фундамент на котором все строится. Едем дальше.

[@book.bezzublk]

Добрый день! А разве memo не используется? Каким образом проблема решена, напишите пожалуйста?

[@wayfaringstranger2798]

Да тоже интересно узнать. Напишите пожалуйста ответ Лене)

[@pavelmalorodnov2078]

Добрый день! А разве memo не используется? Каким образом проблема решена, напишите пожалуйста?

[@Executioner2126]

Пока проходил урок, заметил что не работает shouldComponentUpdate, но потом понял что отрисовка идёт 2 раза, покопавшись обнаружил ошибку в инициализации приложения (забыл добавить метод render в app-red), но за то понял 80 тему ещё лучше ))) Спасибо Димка, здоровья тебе)

[@denysm5599]

Благодарю за урок. Интресно было узнать такие особенности React, как shouldComponentUpdate, PureComponent, memo.

[@slavapush]

Всем тебя рекламирую, замечательный курс

[@ЮлияМарченко-э1ж]

Спасибо за урок! shouldComponentUpdate, PureComponent, memo

[@konstantinkuksov914]

shouldComponentUpdate, PureComponent, memo, react js - круто, спасибо, Димыч!

[@СергейЯ-к2й]

shouldComponentUpdate очень полезный метод.

[@ruslanla4654]

React ShouldComponentUpdate memo путь Самурая- летим вперед

[@ЭддиД]

shouldComponentUpdate, PureComponent, memo - React JS Спасибо за курс!!!

[@vladpobidash]

Бомбим! React JS и его прелести в виде shouldComponentUpdate, PureComponent и React.memo() с уроками Димычка заходят просто на ура!

[@bugaga8144]

Эту тему урока нужно обязательно знать тем кто в один файл будет писать по двадцать компонент

[@das8434]

Оптимизация, shouldComponentUpdate, PureComponent, memo - React JS Спасибо за Курс!

[@johnmj750]

Блин, Димыч! Спасибо тебе за ВСЕ!!! За такие слова!!! То, что ты говоришь, это супер важно услышать!!!! Храни тебя Бог!!!

[@horizon1889]

Большое спасибо за видео, хорошее дело делаешь!). Удачи тебе !

[@Martyn_Eden]

человек с большой душой - Дмитрий Кузюбердин!

[@tanyatritelnitskaya1911]

Дима, спасибо! ShouldComponentUpdate, PureComponent, memo!

[@alexandr9313]

shouldComponentUpdate, PureComponent, memo, оптимизация производительности Димыч, спасибо за труд! Подписку купил. Скоро закончится - буду продлевать.

[@ITKAMASUTRA]

Спасибо!!!

[@АлександрГригорий-е6о]

Спасибо за качественный курс! React, Redux, shouldComponentUpdate, PureComponent, memo

[@Titanidze17]

Спасибо за урок, спасибо за #shouldComponentUpdate #PureComponent #memo #reactJS

[@kub1k]

Спасибо за лучшие уроки по React-Redux

[@ПавелБещук]

Димон, ты красавчик, спасибо!!! shouldComponentUpdate, PureComponent, memo - React JS

[@ITKAMASUTRA]

Хэй хоу! Спасибо за обратную связь! Летим вместе 🚀

[@МакМёрфи-о8и]

Спасибо, Димон! shouldComponentUpdate, PureComponent, memo , IT-KAMASUTRA, React JS

[@sitenno7331]

#React JS #shouldComponentUpdate #PureComponent, #memo - ありがとうございました。

[@bamboleylo_by]

Димыч! Огромное тебе спасибо за твои труды и мотивацию, обязательно тебя буду рекомендовать друзьям и знакомым. P.S У меня рендерилось 1 раз и без memo, возможно, это связано уже с более новой версией реакта.

[@Димкинкоп]

Как всегда спасибо за крутое объяснение shouldComponentUpdate, Purecomponent и memo, летим дальше!!))))

[@АннаЛелеко-ы3ю]

літо 2020 - функціональна компонента відпрацьовує один раз і без React.memo. Але треба бути уважними з пропсами і перевіряти чи дійсно в компонент йде лише потрібна їй інформація. Бо спочатку робила з React.memo а рендер спрацював тричі, полізла дивитись, що ж саме передаю і з'ясувалось, що весь стейт profilePage, а потрібно було лише пости з нього. Виправила і все ок. Для себе записала, що React.PureComponent те саме, що і React.Component в купі з shouldComponentUpdate для класових компонент

[@ДмитрийСмольский-о3ь]

Спасибо, ценные уроки. Хорошо объясняешь, очень доволен что решил посмотреть твои видео.

[@KirillPetechkin]

Спасибо! React, Redux, shouldComponentUpdate, PureComponent, memo. React JS

[@ivanmiarkulau8320]

Полезная инфа о shouldComponentUpdate, React.memo and PureComponent, спасибо!)

[@TRIZ-Bogatyregold]

Димыч про shouldComponentUpdate было очень полезно, в вопросе ЛИКБеза по части классовых компонент. Про memo уже знал. Но это не самый эффективный метод оптимизации. Летим бро!

[@seryogal.6043]

87 я вже близько, дякую за супер уроки, не зупиняйся :) . 'render'.log щоб не прописувати console.log('render');

[@oduvanio]

Спасибо за огромный труд и позитивчик, даже когда уже совсем нет сил!!! React Redux React.memo shouldComponentUpdate.

[@АндрейФилимончик-ю9у]

shouldComponentUpdate, PureComponent, memo )) Все супер! Летим дальше)))

[@Sentensos]

Подтверждаю ранее упомянутые замечания о том, что почем-то в консоли только единожды происходит вывод console.log свидетельствующий о перерендере. Так и в функциональной компоненте и в классовой. Решил потестить это в отдельном проекте. Создал родительский компонент с несколькими вложенными в него компонентами детьми. Там ререндер чайлдов происходит даже в случае если стейт или пропсы не меняются. А вот используя React.memo лишние рендеры прекращаются. Короче говоря, информация данная в этом уроке все еще актуальна.

[@ctumyji9737]

Даже в реакте без мемов никуда :D Спасибо Димыч! Как всегда круто и понятно пояснил - летим дальше! shouldComponentUpdate, PureComponent, memo - React JS

[@bosfaction]

Лучший! Благодарю! shouldComponentUpdate, PureComponent, memo - React JS

[@spacerider9426]

Спасибо огромное за твой труд! Смотрю дальше!

[@АлексГ-п3ж]

Спасибо! P.S. Список ключевых слов: React, Redux, лучшие супер курсы, бесплатно, shouldComponentUpdate, PureComponent, memo

[@АндрейГурлев-т8в]

Спасибо друг за твой нелегкий труд.

[@adrenalineMSC]

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

[@ervinabliamitov2149]

Спасибо Дмитрий, респект и уважение!

[@sharkman6434]

спасибо бро , shouldComponentUpdate , PureComponent, Memo , react js, learn react, react optimizacion components render

[@Jorjeee]

Наперед поздравляю с 40 тис подписчиками !!!)))))))

[@u_shaco]

Наперёд поздравляю с 1 млн подписчиками)) к 2024 должно набраться, если будешь продвигать канал ))

[@rokkuro]

Божественная матрица, фантастически звучит 🤔

[@dw_tv3992]

Димыч ты красава уважуха и благодарность тебе shouldComponentUpdate pureComponent memo

[@DubinArtur]

Даёшь Димыча в президенты!)

[@ТатьянаЛ-л9э]

спасибо, интересные темы shouldComponentUpdate, PureComponent, memo