Close Menu
    Explore the coolest frontend learning platform !
    Visit NamasteDev
    Saturday, February 22

    Hooks : useMemo, useCallback & useRef

    JavaScript 357 Comments2 Mins ReadPrathu TiwariBy

    useMemo

    It is a react hook that lets you cache the calculation results between re-renders.

    • Problem ⇒ React renders the component on every state change so if we are doing some heavy operation it will render the component with the whole operation on every small change also.
    • Solution ⇒ Such type of issue can be solved with the help of memoization or useMemo.
    • That means it caches the heavy operations calculations between every re-renders.

    useCallback

    It is a react hook that lets you cache a function definition between re-renders.

    useRef

    It is a react hook that lets you reference a value that’s not needed for rendering.

    When you want a value in a variable in your component but you don’t want that value to re-render. You can tell about this by giving the difference between let, state, and ref variables.

    • let ⇒ will not render the component but if you change its value using any function it will change its value but not update the UI, and also whenever the component re-render it will reset its value to which it was assigned.
    • state ⇒ will render the component on every state change of variable or value change, and also updates the UI with every re-render also it stores the value and doesn’t reset it on re-render.
    • ref ⇒ will not render the component but if you change its value using the function it will update the value behind the scene and store it, but will not update UI as it is not re-rendering the component. but once you re-render the component it will show you the updated value.

    Keep Reading

    View 357 Comments

    357 Comments

    3. mua like facebook on

      Heya! I just wanted to ask if you ever have any trouble with hackers? My last blog (wordpress) was hacked and I ended up losing a few months of hard work due to no backup. Do you have any solutions to prevent hackers?

      Reply
    14. Hack like on

      I blog quite often and I seriously appreciate your content. Your article has truly peaked my interest. I’m going to bookmark your blog and keep checking for new information about once per week. I subscribed to your Feed too.

      Reply
    17. Mua like on

      Thank you for some other magnificent article. The place else could anybody get that kind of info in such a perfect manner of writing? I’ve a presentation subsequent week, and I’m on the look for such information.

      Reply
    20. africa porn on

      Aw, this was an exceptionally good post. Taking the time and actual effort to create a top notch articleÖ but what can I sayÖ I put things off a lot and don’t seem to get nearly anything done.

      Reply
    330. Perrywaifs on

      Viagra pas cher inde [url=https://viagrameilleurprix.com/#]Viagra pharmacie[/url] SildГ©nafil 100 mg prix en pharmacie en France

      Reply
    Leave A Reply

    Demo

    Courses

    Community

    Contact Us