{"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 Ara\u015ft\u0131r\u0131labilir Dropdown Bile\u015feni Geli\u015ftirme","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"l73EuiJqdc\"><a href=\"https:\/\/fatihsoysal.com\/blog\/reactte-arastirilabilir-dropdown-bileseni-gelistirme\/\">React&#8217;te Ara\u015ft\u0131r\u0131labilir Dropdown Bile\u015feni Geli\u015ftirme<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/fatihsoysal.com\/blog\/reactte-arastirilabilir-dropdown-bileseni-gelistirme\/embed\/#?secret=l73EuiJqdc\" width=\"600\" height=\"338\" title=\"&#8220;React&#8217;te Ara\u015ft\u0131r\u0131labilir Dropdown Bile\u015feni Geli\u015ftirme&#8221; &#8212; Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" data-secret=\"l73EuiJqdc\" 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":"Kullan\u0131c\u0131 deneyimini iyile\u015ftirmek i\u00e7in web uygulamalar\u0131nda s\u0131k\u00e7a kullan\u0131lan bir bile\u015fen olan arama \u00f6zelli\u011fine sahip a\u00e7\u0131l\u0131r men\u00fcler (dropdown), veri setleri b\u00fcy\u00fcd\u00fck\u00e7e karma\u015f\u0131kla\u015fabilir. Bu makale, React kullanarak y\u00fcksek performansl\u0131 ve kullan\u0131m\u0131 kolay bir arama \u00f6zelli\u011fine sahip dropdown bile\u015feni olu\u015fturmay\u0131 ad\u0131m ad\u0131m ele al\u0131yor. Yeni ba\u015flayanlardan ileri seviye geli\u015ftiricilere kadar her seviyeden geli\u015ftirici i\u00e7in faydal\u0131 ipu\u00e7lar\u0131 ve teknikler sunuyoruz. \u00d6rnekler, ger\u00e7ek d\u00fcnya senaryolar\u0131yla zenginle\u015ftirilmi\u015ftir."}