{"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":"Giri\u015f: React Uygulamalar\u0131n\u0131zdaki Gizli Performans Katili Mi?","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"z0PNTPqab9\"><a href=\"https:\/\/fatihsoysal.com\/blog\/giris-react-uygulamalarinizdaki-gizli-performans-katili-mi\/\">Giri\u015f: React Uygulamalar\u0131n\u0131zdaki Gizli Performans Katili Mi?<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/fatihsoysal.com\/blog\/giris-react-uygulamalarinizdaki-gizli-performans-katili-mi\/embed\/#?secret=z0PNTPqab9\" width=\"600\" height=\"338\" title=\"&#8220;Giri\u015f: React Uygulamalar\u0131n\u0131zdaki Gizli Performans Katili Mi?&#8221; &#8212; Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" data-secret=\"z0PNTPqab9\" 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 uygulamalar\u0131n\u0131z\u0131n beklenenden daha yava\u015f \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 m\u0131 fark ettiniz? Belki de kullan\u0131c\u0131 aray\u00fcz\u00fcn\u00fczdeki ufak bir etkile\u015fim, arka planda gere\u011finden fazla \"yeniden render\" (re-render) i\u015flemine yol a\u00e7\u0131yor olabilir. Bu durum, \u00f6zellikle b\u00fcy\u00fck ve dinamik uygulamalarda ciddi performans sorunlar\u0131na davetiye \u00e7\u0131karabilir. Ancak endi\u015felenmeyin, React'in \"Otomatik Batching\" mekanizmas\u0131 tam da bu noktada devreye giriyor ve performans\u0131 art\u0131rmak i\u00e7in gizli bir kahraman gibi \u00e7al\u0131\u015f\u0131yor. Peki, bu sihirli \u00f6zellik tam olarak nedir ve uygulamalar\u0131n\u0131zda ka\u00e7 yeniden render i\u015flemi ger\u00e7ekle\u015fmesini sa\u011flar?"}