Preventing re-renders with React.memo

Sdílet
Vložit
  • čas přidán 23. 01. 2023
  • 👉 Advanced React Book: www.advanced-react.com
    👉 Comprehensive guide on React re-renders (www.developerway.com/posts/re...)
    👉 How to useMemo and useCallback: you can remove most of them (www.developerway.com/posts/ho...)
    👉 The mystery of React Element, children, parents and re-renders (www.developerway.com/posts/re...)
    💬 Twitter: / adevnadia
    💬 Linkedin: / adevnadia
    Basics of React.memo and useMemo/useCallback hooks, how they can help prevent unnecessary re-renders in React, and how they can replace PureComponent/shouldComponentUpdate when it comes to re-renders caused by parents.
    #react #reactjs #webdevelopment #programming #frontend

Komentáře • 40

  • @murali-krishnan
    @murali-krishnan Před 2 měsíci

    Crisp and straight to the point content, Thx Nadia

  • @thiagopuntar
    @thiagopuntar Před rokem +10

    You're amazing Nadia! I've discovered you on a React newsletter I follow and now I can't miss one article you release. Thank you so much for your work. You have such a talent to explain those interesting subjects. A huge thank you from Brazil. 😍

  • @cagrakar792
    @cagrakar792 Před 7 měsíci

    It's a rely deep-dived informative video about memoization, keep it up

  • @mishabutuzov
    @mishabutuzov Před 5 měsíci

    Brilliantly. MIT Level without joke. Straint to the point.

  • @kikithug
    @kikithug Před rokem

    Very good explanations, thanks a lot

  • @GabrielMedinaa
    @GabrielMedinaa Před rokem

    Awesome content! Please, keep going 👏👏

  • @sumeetprajapati15
    @sumeetprajapati15 Před rokem

    Always the best explanations 🙌🏻

  • @elenimirba1755
    @elenimirba1755 Před rokem

    Great work ❤❤❤

  • @AlexStefan-vs2dj
    @AlexStefan-vs2dj Před rokem

    Love the way you explain, thank you ❣️

  • @nicolasmenescardi4077

    amazing tutorial!!!

  • @sekmekci
    @sekmekci Před rokem

    You are such a lifesaver!

  • @microspacer
    @microspacer Před rokem

    This is the best explanation on this topic I've seen on internet so far!

  • @mashenko_d
    @mashenko_d Před rokem

    Came here after your article about debounce. Great job, keep on pls.

  • @tenzinwoeser6842
    @tenzinwoeser6842 Před 10 měsíci

    Thank you. I love how you explained use of useMemo & useCallback based on non-primitive data types.

  • @mkwchep
    @mkwchep Před 5 měsíci

    Thanks for this great video. You are a legend.

  • @Yoband706
    @Yoband706 Před rokem

    Yours is my favorite React blog. Very informative information on interesting, advanced topics.

  • @lord12790
    @lord12790 Před rokem +1

    Great video, so this is basically looks like memoization technique taught in computer science in practical use. Nice explanation. Thanks.

  • @valeriimalynovskyi
    @valeriimalynovskyi Před rokem

    Thank you so much!
    I came across your blog few times earlier, when i was making first steps in React Native. Now, after a year, I still have gaps in understanding how it works. Just love the way you explain.

  • @RoniMondal-dh3ku
    @RoniMondal-dh3ku Před 7 měsíci

    loved the videos

  • @firewatermoonsun
    @firewatermoonsun Před rokem

    Thank you so much. For me video explanations are way better than reading.

  • @user-cf7xk1lg6v
    @user-cf7xk1lg6v Před rokem

    Great explanations, thanks. New to React and your articles and videos help a lot to understand how react works )

  • @lovikuanyshev
    @lovikuanyshev Před 7 měsíci

    How lucky am I that I found your channel!

  • @vladislavkubasov5774
    @vladislavkubasov5774 Před rokem

    thanks a lot

  • @4BeerLife
    @4BeerLife Před rokem

    Nice!)

  • @habalgarmin
    @habalgarmin Před rokem +1

    Подписался и прочитал статьи на developerway. Очень полезный материал, а главное что с примерами. Good job! Еще хотелось бы увидеть статью про порядок рендеринга компонентов с такой же инфографикой.

    • @developerwaypatterns
      @developerwaypatterns  Před rokem

      Can you elaborate on that a little bit? What is not clear in the rendering order? This sounds like an interesting topic, but would love to know the pain points there first!

    • @habalgarmin
      @habalgarmin Před rokem +1

      ​@@developerwaypatterns I wouldn't say about pain points, it is more about profiling react performance, and better understanding how React reconciliation algorithm works with examples.

  • @prasad_yt
    @prasad_yt Před rokem +1

    Nice explanation. Could you please do videos on render props and HOC ?

  • @paungster
    @paungster Před rokem

    👏👍

  • @mohdsaquib380
    @mohdsaquib380 Před 4 měsíci

    🎉

  • @michaelscofield2469
    @michaelscofield2469 Před rokem

    I love you

  • @sanyamjain7058
    @sanyamjain7058 Před 8 měsíci

  • @hmatpin
    @hmatpin Před rokem

    Hi Nadia. How do you find if a component has re-rendered? I personally use the react dev tools highlighting feature, but it's not that useful. Also, I don't know if console logs are reliable, because they don't tell if DOM diffing was skipped. Thanks

  • @01slon
    @01slon Před rokem

    подписался на Вас и прочитал Ваши статьи. очень полезный и интересный материал. жаль что нет материала на русском языке.