{"version":"1.0","provider_name":"Mobile App Development Services","provider_url":"https:\/\/www.folio3.com\/mobile","title":"How to use useRef hook efficiently? - React - Mobile App Development Services","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"REETgcYfBu\"><a href=\"https:\/\/www.folio3.com\/mobile\/blog\/how-to-use-useref-hook-efficiently-react\/\">How to use useRef hook efficiently? &#8211; React<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/www.folio3.com\/mobile\/blog\/how-to-use-useref-hook-efficiently-react\/embed\/#?secret=REETgcYfBu\" width=\"600\" height=\"338\" title=\"&#8220;How to use useRef hook efficiently? &#8211; React&#8221; &#8212; Mobile App Development Services\" data-secret=\"REETgcYfBu\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/* ]]> *\/\n<\/script>\n","thumbnail_url":"https:\/\/www.folio3.com\/mobile\/wp-content\/uploads\/2022\/10\/Screen-Shot-2022-10-05-at-2.29.11-PM.png","thumbnail_width":2180,"thumbnail_height":1230,"description":"With the release of 16.8 in React, a new hook has been introduced named \u2018useRef\u2019. The useRef hook allows the developer to create a direct reference to the DOM element. With refs, React allows you to create React element references. This hook was meant to be used in functional components but can be used in &hellip; Continue reading \"\""}