{"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, Webpack ve Babel ile S\u0131f\u0131rdan Ba\u015flang\u0131\u00e7","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"VufzzEWMGy\"><a href=\"https:\/\/fatihsoysal.com\/blog\/react-webpack-ve-babel-ile-sifirdan-baslangic\/\">React, Webpack ve Babel ile S\u0131f\u0131rdan Ba\u015flang\u0131\u00e7<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/fatihsoysal.com\/blog\/react-webpack-ve-babel-ile-sifirdan-baslangic\/embed\/#?secret=VufzzEWMGy\" width=\"600\" height=\"338\" title=\"&#8220;React, Webpack ve Babel ile S\u0131f\u0131rdan Ba\u015flang\u0131\u00e7&#8221; &#8212; Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" data-secret=\"VufzzEWMGy\" 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! Fatih Soysal olarak, bu makalede React, Webpack ve Babel'\u0131 kullanarak s\u0131f\u0131rdan bir React projesi nas\u0131l kuraca\u011f\u0131n\u0131z\u0131 ad\u0131m ad\u0131m anlataca\u011f\u0131m. Bu g\u00fc\u00e7l\u00fc ara\u00e7lar, modern web uygulamalar\u0131 geli\u015ftirmek i\u00e7in olmazsa olmazlard\u0131r. \u00d6ncelikle, her birinin rol\u00fcn\u00fc k\u0131saca ele alal\u0131m. React, kullan\u0131c\u0131 aray\u00fczlerini olu\u015fturmak i\u00e7in kulland\u0131\u011f\u0131m\u0131z bir JavaScript k\u00fct\u00fcphanesidir. Webpack, projemizin t\u00fcm dosyalar\u0131n\u0131 tek bir dosyada birle\u015ftiren bir module bundler'd\u0131r. Babel ise, modern JavaScript kodunu eski taray\u0131c\u0131lar taraf\u0131ndan da anla\u015f\u0131labilir hale getiren bir transpiler'd\u0131r."}