{"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":"HTML'yi JSX'e D\u00f6n\u00fc\u015ft\u00fcrme: JSX ve JSX Kurallar\u0131","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"ZWUrq3me6V\"><a href=\"https:\/\/fatihsoysal.com\/blog\/htmlyi-jsxe-donusturme-jsx-ve-jsx-kurallari\/\">HTML&#8217;yi JSX&#8217;e D\u00f6n\u00fc\u015ft\u00fcrme: JSX ve JSX Kurallar\u0131<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/fatihsoysal.com\/blog\/htmlyi-jsxe-donusturme-jsx-ve-jsx-kurallari\/embed\/#?secret=ZWUrq3me6V\" width=\"600\" height=\"338\" title=\"&#8220;HTML&#8217;yi JSX&#8217;e D\u00f6n\u00fc\u015ft\u00fcrme: JSX ve JSX Kurallar\u0131&#8221; &#8212; Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" data-secret=\"ZWUrq3me6V\" 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'in sundu\u011fu JSX, JavaScript kodunda HTML benzeri bir s\u00f6zdizimi kullanarak UI'lar\u0131 tan\u0131mlaman\u0131n bir yoludur. JSX, HTML'ye benzer bir g\u00f6r\u00fcn\u00fcm sunar ancak yine de JavaScript kodu olarak i\u015flenir. JSX, HTML'yi React'e entegre etmeyi ve UI'lar\u0131 olu\u015fturmay\u0131 kolayla\u015ft\u0131r\u0131r. JSX, HTML'den baz\u0131 temel farkl\u0131l\u0131klara sahiptir, bu nedenle HTML'den JSX'e ge\u00e7i\u015f s\u0131ras\u0131nda baz\u0131 de\u011fi\u015fikliklere dikkat etmek \u00f6nemlidir."}