{"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 Render Optimizasyonu: useDeferredValue ve useTransition","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"evjGNVzBdS\"><a href=\"https:\/\/fatihsoysal.com\/blog\/react-render-optimizasyonu-usedeferredvalue-ve-usetransition\/\">React Render Optimizasyonu: useDeferredValue ve useTransition<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/fatihsoysal.com\/blog\/react-render-optimizasyonu-usedeferredvalue-ve-usetransition\/embed\/#?secret=evjGNVzBdS\" width=\"600\" height=\"338\" title=\"&#8220;React Render Optimizasyonu: useDeferredValue ve useTransition&#8221; &#8212; Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" data-secret=\"evjGNVzBdS\" 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":"Merhaba! Ben Fatih Soysal ve bug\u00fcn size React uygulamalar\u0131n\u0131z\u0131n performans\u0131n\u0131 art\u0131rmak i\u00e7in kullanabilece\u011finiz iki harika hook'tan, useDeferredValue ve useTransition'dan bahsedece\u011fim. Bu hook'lar, \u00f6zellikle kullan\u0131c\u0131 aray\u00fcz\u00fcnde s\u0131k g\u00fcncellemelerin oldu\u011fu durumlarda, performans sorunlar\u0131n\u0131 \u00e7\u00f6zmek i\u00e7in olduk\u00e7a etkilidir. \u00d6rne\u011fin, uzun bir listeyi filtrelerken veya b\u00fcy\u00fck bir veri k\u00fcmesini i\u015flerken, aray\u00fcz\u00fcn donmas\u0131n\u0131 veya yava\u015flamas\u0131n\u0131 engellemek i\u00e7in bu hook'lar\u0131 kullanabilirsiniz. Bu makalede, bu hook'lar\u0131n nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131, ne zaman kullanman\u0131z gerekti\u011fini ve \u00f6rneklerle birlikte nas\u0131l uygulayabilece\u011finizi detayl\u0131 bir \u015fekilde ele alaca\u011f\u0131z."}