{"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 useEffect: Perde Arkas\u0131 \u00c7al\u0131\u015fma Mant\u0131\u011f\u0131 ve Optimizasyon","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"p7osDCsFgO\"><a href=\"https:\/\/fatihsoysal.com\/blog\/react-useeffect-perde-arkasi-calisma-mantigi-ve-optimizasyon\/\">React useEffect: Perde Arkas\u0131 \u00c7al\u0131\u015fma Mant\u0131\u011f\u0131 ve Optimizasyon<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/fatihsoysal.com\/blog\/react-useeffect-perde-arkasi-calisma-mantigi-ve-optimizasyon\/embed\/#?secret=p7osDCsFgO\" width=\"600\" height=\"338\" title=\"&#8220;React useEffect: Perde Arkas\u0131 \u00c7al\u0131\u015fma Mant\u0131\u011f\u0131 ve Optimizasyon&#8221; &#8212; Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" data-secret=\"p7osDCsFgO\" 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\u0131nda bile\u015fenlerimizin yaln\u0131zca aray\u00fcz\u00fc de\u011fil, ayn\u0131 zamanda d\u0131\u015f d\u00fcnya ile etkile\u015fimini de y\u00f6netmemiz gerekir. Peki, bu yan etkileri (side effects) d\u00fczenli ve performansl\u0131 bir \u015fekilde nas\u0131l ele alabiliriz? \u0130\u015fte tam da bu noktada, React'\u0131n g\u00fc\u00e7l\u00fc ve esnek Hook'u olan useEffect devreye giriyor ve bile\u015fenlerinizin ya\u015fam d\u00f6ng\u00fcs\u00fcn\u00fc daha fonksiyonel bir bak\u0131\u015f a\u00e7\u0131s\u0131yla y\u00f6netmenizi sa\u011fl\u0131yor."}