Hello Everyone,

Welcome to my blog 🙏. I hope you are all safe and that this blog finds you in good health ❤️.

In my previous blogs, We have learnt about

👉 UseEffect hook of React and Created & Mounted hooks of VueJs.

👉 UseEffect hook of React and Computed & Watch properties of VueJs

If you missed it, please check out the above links or here.

#3 House of Commons -Vuejs & React — #3 House of Commons - VueJs & React

In this blog, let’s learn about useRef() hook of React and also achieve the same in VueJs using Template Refs.

So, with no more delay, let’s dive into the topic.

Introduction

Whether it is VueJs or React, the most common use case of Refs is to access DOM elements that are mounted on the page.

As usual, let’s understand them with a scenario.

Scenario 4
Goku wants to access that static value in the DOM and do some manipulations with it. He was pretty sure about React that it can be accessed using useRef() hook but he doesn’t have an idea of doing it VueJs. But, No worries we are here to help him 😎.

Let’s first try out the same thing in React using the useRef() hook