{"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'te Sonsuz Kayd\u0131rma: Intersection Observer ile Uygulama","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"DHNOAeZD0a\"><a href=\"https:\/\/fatihsoysal.com\/blog\/reactte-sonsuz-kaydirma-intersection-observer-ile-uygulama\/\">React&#8217;te Sonsuz Kayd\u0131rma: Intersection Observer ile Uygulama<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/fatihsoysal.com\/blog\/reactte-sonsuz-kaydirma-intersection-observer-ile-uygulama\/embed\/#?secret=DHNOAeZD0a\" width=\"600\" height=\"338\" title=\"&#8220;React&#8217;te Sonsuz Kayd\u0131rma: Intersection Observer ile Uygulama&#8221; &#8212; Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" data-secret=\"DHNOAeZD0a\" 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":"Modern web uygulamalar\u0131, kullan\u0131c\u0131 deneyimini iyile\u015ftirmek i\u00e7in \u00e7e\u015fitli teknikler kullan\u0131r. Bunlardan biri de **sonsuz kayd\u0131rma** (infinite scroll) olarak bilinen tekniktir. Bu teknik, kullan\u0131c\u0131 sayfay\u0131 a\u015fa\u011f\u0131 kayd\u0131rd\u0131k\u00e7a daha fazla i\u00e7erik y\u00fcklemeyi sa\u011flar, b\u00f6ylece kullan\u0131c\u0131 sayfay\u0131 yeniden y\u00fcklemek zorunda kalmadan t\u00fcm i\u00e7eri\u011fe eri\u015febilir. React'te sonsuz kayd\u0131rma uygulaman\u0131n en yayg\u0131n yolu **Intersection Observer API'sini** kullanmakt\u0131r."}