{"version":"1.0","provider_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","provider_url":"https:\/\/fatihsoysal.com\/blog","author_name":"Fatih Soysal","author_url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/","title":"React'in H\u0131zl\u0131 Yenileme \u00d6zelli\u011fi: HMR'\u0131n \u00d6tesine Bak\u0131\u015f","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"9EZ1ux38xu\"><a href=\"https:\/\/fatihsoysal.com\/blog\/reactin-hizli-yenileme-ozelligi-hmrin-otesine-bakis\/\">React&#8217;in H\u0131zl\u0131 Yenileme \u00d6zelli\u011fi: HMR&#8217;\u0131n \u00d6tesine Bak\u0131\u015f<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/fatihsoysal.com\/blog\/reactin-hizli-yenileme-ozelligi-hmrin-otesine-bakis\/embed\/#?secret=9EZ1ux38xu\" width=\"600\" height=\"338\" title=\"&#8220;React&#8217;in H\u0131zl\u0131 Yenileme \u00d6zelli\u011fi: HMR&#8217;\u0131n \u00d6tesine Bak\u0131\u015f&#8221; &#8212; Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" data-secret=\"9EZ1ux38xu\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\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<\/script>\n","description":"React geli\u015ftirme s\u00fcrecinde verimlili\u011fi art\u0131ran \u00f6nemli bir \u00f6zellik olan H\u0131zl\u0131 Yenileme (Fast Refresh), geli\u015ftiricilerin kod de\u011fi\u015fikliklerini an\u0131nda g\u00f6rmelerini sa\u011flar. Ancak, HMR (Hot Module Replacement) ile kar\u0131\u015ft\u0131r\u0131lmamas\u0131 gereken bu \u00f6zellik, daha geli\u015fmi\u015f bir yakla\u015f\u0131m sunmaktad\u0131r. Bu makalede, React'in H\u0131zl\u0131 Yenileme \u00f6zelli\u011fini ayr\u0131nt\u0131lar\u0131yla ele alaca\u011f\u0131z ve HMR'dan nas\u0131l farkl\u0131la\u015ft\u0131\u011f\u0131n\u0131 a\u00e7\u0131klayaca\u011f\u0131z."}