{"id":14740,"date":"2024-02-13T12:06:50","date_gmt":"2024-02-13T08:36:50","guid":{"rendered":"https:\/\/www.itpiran.net\/blog\/?p=14740"},"modified":"2024-02-17T10:35:48","modified_gmt":"2024-02-17T07:05:48","slug":"what-is-react-js","status":"publish","type":"post","link":"https:\/\/www.itpiran.net\/blog\/tr\/tutorials\/what-is-react-js\/","title":{"rendered":"React.js nedir?"},"content":{"rendered":"<h2 id=\"%d9%85%d9%82%d8%af%d9%85%d9%87\">girii\u015f<\/h2>\n<p>G\u00fcn\u00fcm\u00fczde \u00f6n u\u00e7 \u00e7er\u00e7eveleri ve k\u00fct\u00fcphaneleri, modern web geli\u015ftirme y\u0131\u011f\u0131n\u0131n\u0131n vazge\u00e7ilmez bir par\u00e7as\u0131 haline geliyor. React.js, JavaScript toplulu\u011funda modern web geli\u015ftirme i\u00e7in giderek tercih edilen bir \u00e7er\u00e7eve haline gelen bir \u00f6n u\u00e7 k\u00fct\u00fcphanesidir.<\/p>\n<h2 id=\"react-js-%da%86%db%8c%d8%b3%d8%aa%d8%9f\">React.js nedir?<\/h2>\n<p>React.js, etkile\u015fimli kullan\u0131c\u0131 aray\u00fczleri olu\u015fturman\u0131n karma\u015f\u0131k s\u00fcrecini basitle\u015ftirmeyi ama\u00e7layan, Facebook taraf\u0131ndan \u00f6zenle haz\u0131rlanm\u0131\u015f a\u00e7\u0131k kaynakl\u0131 bir JavaScript k\u00fct\u00fcphanesidir. React ile olu\u015fturulmu\u015f bir kullan\u0131c\u0131 aray\u00fcz\u00fcn\u00fc, her biri k\u00fc\u00e7\u00fck ve yeniden kullan\u0131labilir bir HTML kodu \u00e7\u0131kt\u0131s\u0131 almaktan sorumlu bile\u015fenlerden olu\u015fan bir koleksiyon olarak d\u00fc\u015f\u00fcn\u00fcn.<\/p>\n<p>React&#039;te, ba\u011f\u0131ms\u0131z Lego bloklar\u0131 olarak d\u00fc\u015f\u00fcnebilece\u011finiz yeniden kullan\u0131labilir bile\u015fenler olu\u015fturarak uygulamalar\u0131n\u0131z\u0131 geli\u015ftirirsiniz. Bu bile\u015fenler, bir araya getirildi\u011finde uygulaman\u0131z\u0131n t\u00fcm kullan\u0131c\u0131 aray\u00fcz\u00fcn\u00fc olu\u015fturan nihai aray\u00fcz\u00fcn ayr\u0131 par\u00e7alar\u0131d\u0131r.<\/p>\n<p>React&#039;in bir uygulamadaki temel rol\u00fc, Model-G\u00f6r\u00fcn\u00fcm-Denetleyici (MVC) modelindeki V&#039;ye benzer \u015fekilde, en iyi ve en verimli i\u015fleme uygulamas\u0131n\u0131 sa\u011flayarak uygulaman\u0131n g\u00f6r\u00fcn\u00fcm katman\u0131n\u0131 y\u00f6netmektir. React.js, t\u00fcm kullan\u0131c\u0131 aray\u00fcz\u00fcn\u00fc tek bir birim olarak ele almak yerine, geli\u015ftiricileri bu karma\u015f\u0131k kullan\u0131c\u0131 aray\u00fczlerini, t\u00fcm kullan\u0131c\u0131 aray\u00fcz\u00fcn\u00fcn yap\u0131 ta\u015flar\u0131n\u0131 olu\u015fturan, yeniden kullan\u0131labilir bile\u015fenlere ay\u0131rmaya te\u015fvik eder. Bunu yaparken, ReactJS \u00e7er\u00e7evesi, JavaScript&#039;in h\u0131z\u0131n\u0131 ve verimlili\u011fini, web sayfalar\u0131n\u0131 daha h\u0131zl\u0131 i\u015flemek ve son derece dinamik ve duyarl\u0131 web uygulamalar\u0131 olu\u015fturmak i\u00e7in DOM&#039;u daha verimli bir \u015fekilde kullanma y\u00f6ntemiyle birle\u015ftirir.<\/p>\n<h2 id=\"%d8%aa%d8%a7%d8%b1%db%8c%d8%ae%da%86%d9%87-%d9%85%d8%ae%d8%aa%d8%b5%d8%b1%db%8c-%d8%a7%d8%b2-react-js\">React.js&#039;nin k\u0131sa bir tarihi<\/h2>\n<p>2011 y\u0131l\u0131nda Facebook, geni\u015f bir kullan\u0131c\u0131 taban\u0131na sahipti ve zorlu bir g\u00f6revle kar\u015f\u0131 kar\u015f\u0131yayd\u0131. Daha dinamik ve duyarl\u0131, daha h\u0131zl\u0131 ve daha verimli bir aray\u00fcz olu\u015fturarak kullan\u0131c\u0131lar\u0131na daha zengin bir kullan\u0131c\u0131 deneyimi sunmak istiyordu.<\/p>\n<p>Facebook&#039;ta yaz\u0131l\u0131m m\u00fchendisi olan Jordan Walk, React&#039;\u0131 tam da bu ama\u00e7la geli\u015ftirdi. React, yeniden kullan\u0131labilir bile\u015fenlerle dinamik ve etkile\u015fimli kullan\u0131c\u0131 aray\u00fczleri olu\u015fturman\u0131n daha d\u00fczenli ve yap\u0131land\u0131r\u0131lm\u0131\u015f bir yolunu sunarak geli\u015ftirme s\u00fcrecini basitle\u015ftirdi.<\/p>\n<p>Facebook&#039;un Haber Ak\u0131\u015f\u0131, bu algoritmay\u0131 kullanan ilk platform oldu. DOM manip\u00fclasyonu ve kullan\u0131c\u0131 aray\u00fczlerine y\u00f6nelik devrim niteli\u011findeki yakla\u015f\u0131m\u0131yla React, Facebook&#039;un web geli\u015ftirme yakla\u015f\u0131m\u0131n\u0131 k\u00f6kten de\u011fi\u015ftirdi ve a\u00e7\u0131k kaynak toplulu\u011funa sunulmas\u0131n\u0131n ard\u0131ndan JavaScript ekosisteminde h\u0131zla pop\u00fclerlik kazand\u0131.<\/p>\n<h2 id=\"react-js-%da%86%d9%87-%da%a9%d8%a7%d8%b1%db%8c-%d8%a7%d9%86%d8%ac%d8%a7%d9%85-%d9%85%db%8c-%d8%af%d9%87%d8%af%d8%9f\">React.js ne i\u015fe yarar?<\/h2>\n<p>Genellikle, bir web sayfas\u0131n\u0131n URL&#039;sini web taray\u0131c\u0131n\u0131za yazarak talep edersiniz. Taray\u0131c\u0131n\u0131z daha sonra bu web sayfas\u0131 i\u00e7in bir istek g\u00f6nderir ve bu istek taray\u0131c\u0131n\u0131z taraf\u0131ndan kar\u015f\u0131lan\u0131r. Web sitesindeki ba\u015fka bir sayfaya gitmek i\u00e7in o web sayfas\u0131ndaki bir ba\u011flant\u0131ya t\u0131klarsan\u0131z, sunucuya yeni sayfay\u0131 almak i\u00e7in yeni bir istek g\u00f6nderilir.<\/p>\n<p>Bu ileri geri y\u00fckleme d\u00fczeni, bir web sitesinde eri\u015fmeye \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131z her yeni sayfa veya kaynak i\u00e7in taray\u0131c\u0131n\u0131z (istemci) ile sunucu aras\u0131nda devam eder. Web sitelerini y\u00fcklemek i\u00e7in bu tipik yakla\u015f\u0131m i\u015fe yarar, ancak \u00e7ok veri yo\u011fun bir web sitesini d\u00fc\u015f\u00fcn\u00fcn. T\u00fcm web sayfas\u0131n\u0131 ileri geri y\u00fcklemek gereksiz olur ve k\u00f6t\u00fc bir kullan\u0131c\u0131 deneyimi yarat\u0131r.<\/p>\n<p>Ayr\u0131ca, geleneksel bir JavaScript uygulamas\u0131nda veriler de\u011fi\u015fti\u011finde, bu de\u011fi\u015fiklikleri yans\u0131tmak i\u00e7in DOM&#039;un manuel olarak d\u00fczenlenmesi gerekir. Hangi verilerin de\u011fi\u015fti\u011fini belirlemeniz ve DOM&#039;u bu de\u011fi\u015fiklikleri yans\u0131tacak \u015fekilde g\u00fcncellemeniz gerekir; bu da sayfan\u0131n yeniden y\u00fcklenmesiyle sonu\u00e7lan\u0131r.<\/p>\n<p>React, Tek Sayfal\u0131k Uygulama (SPA) olarak bilinen bir uygulama olu\u015fturman\u0131za olanak tan\u0131yarak farkl\u0131 bir yakla\u015f\u0131m benimser. Tek Sayfal\u0131k Uygulama, ilk istekte tek bir HTML belgesi y\u00fckler. Ard\u0131ndan, g\u00fcncellenmesi gereken web sayfas\u0131n\u0131n belirli b\u00f6l\u00fcm\u00fcn\u00fc, i\u00e7eri\u011fini veya g\u00f6vdesini JavaScript kullanarak g\u00fcnceller.<\/p>\n<p>Bu desen, istemci taraf\u0131 y\u00f6nlendirme olarak bilinir \u00e7\u00fcnk\u00fc kullan\u0131c\u0131 yeni bir sayfa almak i\u00e7in her istekte bulundu\u011funda istemcinin t\u00fcm web sayfas\u0131n\u0131 yeniden y\u00fcklemesi gerekmez. Bunun yerine, React iste\u011fi par\u00e7alara ay\u0131r\u0131r ve yaln\u0131zca de\u011fi\u015ftirilmesi gereken k\u0131s\u0131mlar\u0131 al\u0131r, b\u00f6ylece t\u00fcm sayfay\u0131 yeniden y\u00fcklemek zorunda kalmadan de\u011fi\u015fiklikleri yapar. Bu yakla\u015f\u0131m, daha iyi performans ve daha dinamik bir kullan\u0131c\u0131 deneyimi sa\u011flar.<\/p>\n<p>React, ger\u00e7ek DOM&#039;un bir kopyas\u0131 olan sanal bir DOM&#039;a dayan\u0131r. Veri durumunda bir de\u011fi\u015fiklik oldu\u011funda, React&#039;in sanal DOM&#039;u yeni de\u011fi\u015fikli\u011fi yans\u0131tmak i\u00e7in hemen yeniden y\u00fcklenir. React daha sonra, tam olarak neyin de\u011fi\u015fti\u011fini anlamak i\u00e7in sanal DOM&#039;u ger\u00e7ek DOM ile kar\u015f\u0131la\u015ft\u0131r\u0131r.<\/p>\n<p>React, ger\u00e7ek DOM&#039;u i\u015flemeden, bu g\u00fcncellemeyle ger\u00e7ek DOM&#039;u yamaman\u0131n en ucuz yolunu bulur. Sonu\u00e7 olarak, React bile\u015fenleri ve kullan\u0131c\u0131 aray\u00fczleri de\u011fi\u015fiklikleri h\u0131zl\u0131 bir \u015fekilde yans\u0131t\u0131r \u00e7\u00fcnk\u00fc her g\u00fcncellemede t\u00fcm sayfay\u0131 yeniden y\u00fcklemeniz gerekmez.<\/p>\n<h2 id=\"%d9%86%d8%ad%d9%88%d9%87-%d8%a7%d8%b3%d8%aa%d9%81%d8%a7%d8%af%d9%87-%d8%a7%d8%b2-react-js\">React.js nas\u0131l kullan\u0131l\u0131r<\/h2>\n<p>Angular gibi di\u011fer framework&#039;lerin aksine, React kod kurallar\u0131 veya dosya d\u00fczenlemesi konusunda kat\u0131 kurallar koymaz. Bu, geli\u015ftiricilerin ve ekiplerin kendileri i\u00e7in en uygun kurallar\u0131 belirleyip React&#039;i uygun g\u00f6rd\u00fckleri \u015fekilde uygulamakta \u00f6zg\u00fcr olduklar\u0131 anlam\u0131na gelir. Esnekli\u011fi sayesinde React&#039;\u0131 ihtiyac\u0131n\u0131z oldu\u011fu kadar \u00e7ok veya az kullanabilirsiniz.<\/p>\n<p>React kullanarak bir d\u00fc\u011fme, birka\u00e7 aray\u00fcz par\u00e7as\u0131 veya uygulaman\u0131z\u0131n t\u00fcm kullan\u0131c\u0131 aray\u00fcz\u00fcn\u00fc olu\u015fturabilirsiniz. Bunu a\u015famal\u0131 olarak benimseyip etkile\u015fimli bir \u015fekilde mevcut bir uygulamaya entegre edebilir veya daha da iyisi, ihtiya\u00e7lar\u0131n\u0131za ba\u011fl\u0131 olarak, g\u00fc\u00e7l\u00fc React uygulamalar\u0131n\u0131 s\u0131f\u0131rdan olu\u015fturmak i\u00e7in kullanabilirsiniz.<\/p>\n<h2 id=\"%d8%a7%d8%af%d8%ba%d8%a7%d9%85-react-%d8%af%d8%b1-%db%8c%da%a9-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d9%85%d9%88%d8%ac%d9%88%d8%af\">React&#039;\u0131 mevcut bir web sitesine entegre etme<\/h2>\n<p>Web sitenize dinamik etkile\u015fim eklemek istiyorsan\u0131z, React harika bir se\u00e7imdir. React&#039;\u0131 entegre ederek, kenar \u00e7ubuklar\u0131 veya widget&#039;lar gibi sitenizin herhangi bir yerine yerle\u015ftirilebilen, yeniden kullan\u0131labilir ve etkile\u015fimli bile\u015fenler olu\u015fturabilirsiniz. \u0130\u015fte bunu ba\u015farmak i\u00e7in atman\u0131z gereken ad\u0131mlar\u0131n basit bir \u00f6zeti.<\/p>\n<h2 id=\"%d9%85%d8%b1%d8%ad%d9%84%d9%87-1-%d8%a7%d9%81%d8%b2%d9%88%d8%af%d9%86-%d8%a7%d8%b3%da%a9%d8%b1%db%8c%d9%be%d8%aa-%d9%87%d8%a7%db%8c-cdn-%d8%a8%d9%87-html\">Ad\u0131m 1: CDN betiklerini HTML&#039;ye ekleyin<\/h2>\n<ul>\n<li>\u00d6ncelikle CDN&#039;den React \u00e7ekirdek k\u00fct\u00fcphane API&#039;sini web sitenizin HTML dizin dosyas\u0131na ekleyin.<\/li>\n<li>Ard\u0131ndan, CDN&#039;den React DOM&#039;u i\u00e7e aktar\u0131n. Bu, bile\u015fenlerin Belge Nesne Modeli&#039;ne (DOM) d\u00f6n\u00fc\u015ft\u00fcr\u00fclmesi i\u00e7in gereklidir.<\/li>\n<li>Ard\u0131ndan, taray\u0131c\u0131lar aras\u0131nda uyumlulu\u011fu sa\u011flamak i\u00e7in React kodunu \u00e7eviren CDN&#039;den Babel&#039;i ekleyin. Ayr\u0131ca, React bile\u015fen dosyan\u0131z\u0131 y\u00fcklemeyi unutmay\u0131n.<\/li>\n<\/ul>\n<p>\u0130lk ad\u0131m, web sitenizin HTML dizin dosyas\u0131na iki ana CDN beti\u011fi eklemektir. React&#039;i CDN hizmeti arac\u0131l\u0131\u011f\u0131yla uygulaman\u0131za y\u00fcklemek i\u00e7in bu betiklere ihtiyac\u0131n\u0131z olacak.<\/p>\n<div class=\"hcb_wrap\" data-no-translation=\"\" data-no-auto-translation=\"\">\n<pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;script src=\"https:\/\/unpkg.com\/react@17\/umd\/react.development.js\" crossorigin&gt;&lt;\/script&gt;\r\n&lt;script src=\"https:\/\/unpkg.com\/react-dom@17\/umd\/react-dom.development.js\" crossorigin&gt;&lt;\/script&gt;\r\n&lt;script src='https:\/\/unpkg.com\/babel-standalone@6.26.0\/babel.js'&gt;&lt;\/script&gt;\r\n&lt;script type=\"text\/babel\" src=\"like_widget.js\"&gt;&lt;\/script&gt;\r\n<\/code><\/pre>\n<\/div>\n<h2 id=\"%d9%85%d8%b1%d8%ad%d9%84%d9%87-2-%d8%b9%d9%84%d8%a7%d9%85%d8%aa-%da%af%d8%b0%d8%a7%d8%b1%db%8c-%d9%85%da%a9%d8%a7%d9%86-%d8%b1%d9%86%d8%af%d8%b1-%d8%af%d8%b1-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa\">Ad\u0131m 2: Web sitenizde render konumunu i\u015faretleyin<\/h2>\n<p>HTML&amp;#039;nizde React bile\u015feninin olu\u015fturulaca\u011f\u0131 konumu belirleyin. Bu, bir &ouml;\u011fe ekleyerek yap\u0131labilir. &lt;div&gt; Bunu, React kodumuzda referans alaca\u011f\u0131m\u0131z benzersiz bir tan\u0131mlay\u0131c\u0131 ile yapt\u0131.<\/p>\n<div class=\"hcb_wrap\" data-no-translation=\"\" data-no-auto-translation=\"\">\n<pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;!-- ... Your existing HTML markup ... --&gt;\r\n&lt;div id=\"like_widget_container\"&gt;&lt;\/div&gt;\r\n&lt;!-- ... Your existing HTML markup ... --&gt;\r\n<\/code><\/pre>\n<\/div>\n<h2 id=\"%d9%85%d8%b1%d8%ad%d9%84%d9%87-3-%d8%b3%d8%a7%d8%ae%d8%aa-%da%a9%d8%a7%d9%85%d9%be%d9%88%d9%86%d9%86%d8%aa-react\">Ad\u0131m 3: React bile\u015fenini olu\u015fturun<\/h2>\n<ul>\n<li>Bu durumda like_widget.js ad\u0131nda bir React bile\u015feni olu\u015fturun.<\/li>\n<li>Bu bile\u015fen, \u201cMerhaba D\u00fcnya\u201d mesaj\u0131n\u0131 i\u015fleyen bir JSX ifadesi d\u00f6nd\u00fcren basit bir fonksiyona sahip olacak.<\/li>\n<li>ReactDOM&#039;un yard\u0131m\u0131yla bu bile\u015feni daha \u00f6nce HTML&#039;imizde belirledi\u011fimiz benzersiz ID&#039;yi hedef alarak DOM&#039;a i\u015fliyoruz.<\/li>\n<\/ul>\n<div class=\"hcb_wrap\" data-no-translation=\"\" data-no-auto-translation=\"\">\n<pre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\"><code>\/\/ Custom React component function that returns a JSX syntax\r\nconst ActualWidget = () =&gt; Hello World;\r\n\/\/ Select the container\r\nconst container = document.getElementById(\"like_widget_container\");\r\n\/\/ Render the component to the DOM\r\nReactDOM.render(, container);\r\n<\/code><\/pre>\n<\/div>\n<p>Program\u0131 \u00e7al\u0131\u015ft\u0131rd\u0131\u011f\u0131n\u0131zda, a\u015fa\u011f\u0131daki resimde i\u015faretledi\u011finiz noktada taray\u0131c\u0131ya \u201cMerhaba D\u00fcnya\u201d yaz\u0131s\u0131 gelecektir.<\/p>\n<p><img  loading=\"lazy\"  decoding=\"async\"  src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=\"  alt=\"\"  width=\"624\"  height=\"60\"  class=\"aligncenter wp-image-14741 size-full pk-lazyload\"  data-pk-sizes=\"auto\"  data-ls-sizes=\"auto, (max-width: 624px) 100vw, 624px\"  data-pk-src=\"https:\/\/cdn.itpiran.net\/2024\/02\/13114542\/What-Is-React.js_.webp\"  data-pk-srcset=\"https:\/\/cdn.itpiran.net\/2024\/02\/13114542\/What-Is-React.js_.webp 624w, https:\/\/cdn.itpiran.net\/2024\/02\/13114542\/What-Is-React.js_-300x29.webp 300w, https:\/\/cdn.itpiran.net\/2024\/02\/13114542\/What-Is-React.js_-110x11.webp 110w, https:\/\/cdn.itpiran.net\/2024\/02\/13114542\/What-Is-React.js_-200x19.webp 200w, https:\/\/cdn.itpiran.net\/2024\/02\/13114542\/What-Is-React.js_-380x37.webp 380w, https:\/\/cdn.itpiran.net\/2024\/02\/13114542\/What-Is-React.js_-255x25.webp 255w, https:\/\/cdn.itpiran.net\/2024\/02\/13114542\/What-Is-React.js_-550x53.webp 550w\" ><br \/>\nActualWidget i\u015flevi taraf\u0131ndan d\u00f6nd\u00fcr\u00fclen JavaScript XML (JSX) adl\u0131 garip bir s\u00f6zdizimini fark etmi\u015f olabilirsiniz. HTML ve JavaScript&#039;i kolayca birle\u015ftirmek i\u00e7in React ile JSX&#039;i kullanabilirsiniz. Facebook, JSX&#039;i do\u011frudan JavaScript koduna g\u00f6merek HTML&#039;nin i\u015flevselli\u011fini geni\u015fletmek i\u00e7in JavaScript i\u00e7in bir s\u00f6zdizimi uzant\u0131s\u0131 olarak geli\u015ftirdi. JSX ile HTML ve JS kodunu ay\u0131rmaya gerek kalmaz, \u00e7\u00fcnk\u00fc React bildirimsel HTML&#039;yi do\u011frudan JavaScript koduna yazman\u0131za olanak tan\u0131r.<\/p>\n<h2 id=\"%d8%a7%db%8c%d8%ac%d8%a7%d8%af-%db%8c%da%a9-react-app-%d8%aa%d9%85%d8%a7%d9%85-%d8%b9%db%8c%d8%a7%d8%b1\">Tam te\u015fekk\u00fcll\u00fc bir React Uygulamas\u0131 Olu\u015fturma<\/h2>\n<p>Mevcut bir web uygulamas\u0131na React&#039;i kolayca ekleyerek k\u00fc\u00e7\u00fck aray\u00fcz par\u00e7alar\u0131 olu\u015fturabilirsiniz, ancak eksiksiz web uygulamalar\u0131 olu\u015fturmak i\u00e7in React kullanmak daha pratiktir. Ancak React, yeni React uygulamalar\u0131 olu\u015ftururken kurulumu genellikle g\u00f6z korkutucu ve s\u0131k\u0131c\u0131 olan baz\u0131 a\u011f\u0131r ara\u00e7 yap\u0131land\u0131rma gereksinimlerine sahiptir.<\/p>\n<p>Neyse ki, bu derleme ayarlar\u0131n\u0131 \u00f6\u011frenmenize veya derleme ara\u00e7lar\u0131n\u0131 kendiniz yap\u0131land\u0131rman\u0131za gerek yok. Facebook, React uygulamas\u0131 derlemenize yard\u0131mc\u0131 olmak i\u00e7in cre-react-app adl\u0131 bir Node komut sat\u0131r\u0131 arac\u0131 geli\u015ftirdi. Bu paket, bunu hemen yapman\u0131za yard\u0131mc\u0131 olur ve React projeleri aras\u0131nda ge\u00e7i\u015f yaparken tan\u0131yaca\u011f\u0131n\u0131z tutarl\u0131 bir React uygulamalar\u0131 yap\u0131s\u0131 sa\u011flar.<\/p>\n<p>Yeni bir React projesi olu\u015fturmak terminalinizde a\u015fa\u011f\u0131daki komutlar\u0131 \u00e7al\u0131\u015ft\u0131rmak kadar basittir:<\/p>\n<div class=\"hcb_wrap\" data-no-translation=\"\" data-no-auto-translation=\"\">\n<pre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\"><code>npx create-react-app my-new-app\r\ncd my-new-app\r\nnpm start\r\n<\/code><\/pre>\n<\/div>\n<h2 id=\"%d9%85%d8%ab%d8%a7%d9%84-%d9%87%d8%a7%db%8c-react-js\"><img  loading=\"lazy\"  decoding=\"async\"  src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=\"  alt=\"\"  width=\"624\"  height=\"422\"  class=\"aligncenter wp-image-14742 size-full pk-lazyload\"  data-pk-sizes=\"auto\"  data-ls-sizes=\"auto, (max-width: 624px) 100vw, 624px\"  data-pk-src=\"https:\/\/cdn.itpiran.net\/2024\/02\/13115407\/What-Is-React.js_2.webp\"  data-pk-srcset=\"https:\/\/cdn.itpiran.net\/2024\/02\/13115407\/What-Is-React.js_2.webp 624w, https:\/\/cdn.itpiran.net\/2024\/02\/13115407\/What-Is-React.js_2-300x203.webp 300w, https:\/\/cdn.itpiran.net\/2024\/02\/13115407\/What-Is-React.js_2-110x74.webp 110w, https:\/\/cdn.itpiran.net\/2024\/02\/13115407\/What-Is-React.js_2-200x135.webp 200w, https:\/\/cdn.itpiran.net\/2024\/02\/13115407\/What-Is-React.js_2-380x257.webp 380w, https:\/\/cdn.itpiran.net\/2024\/02\/13115407\/What-Is-React.js_2-255x172.webp 255w, https:\/\/cdn.itpiran.net\/2024\/02\/13115407\/What-Is-React.js_2-550x372.webp 550w\" ><br \/>\nReact.js \u00f6rnekleri<\/h2>\n<h5 id=\"%d9%81%db%8c%d8%b3%d8%a8%d9%88%da%a9\">Facebook<\/h5>\n<p>React.js&#039;nin do\u011fu\u015fu olan Facebook, k\u00fct\u00fcphanenin ba\u015far\u0131s\u0131n\u0131n bir \u00f6rne\u011fidir. React, platformun be\u011feniler, yorumlar ve durum g\u00fcncellemeleri gibi ger\u00e7ek zamanl\u0131 \u00f6zelliklerini basitle\u015ftirerek kusursuz ve dinamik bir kullan\u0131c\u0131 deneyimi sa\u011flar. React&#039;\u0131n mod\u00fcler yap\u0131s\u0131, Facebook&#039;un s\u00fcrekli geli\u015fen aray\u00fcz\u00fcn\u00fc kolayla\u015ft\u0131r\u0131r ve ayl\u0131k 2,8 milyardan fazla aktif kullan\u0131c\u0131s\u0131n\u0131n ihtiya\u00e7lar\u0131na uyum sa\u011flar.<\/p>\n<h5 id=\"%d8%a7%db%8c%d9%86%d8%b3%d8%aa%d8%a7%da%af%d8%b1%d8%a7%d9%85\">Instagram<\/h5>\n<p>Instagram Web, React.js destekli etkile\u015fimli \u00f6\u011felerden olu\u015fan bir platformdur. Hikaye g\u00f6r\u00fcn\u00fcm\u00fc ve do\u011frudan mesaj gibi her g\u00f6rsel, React&#039;\u0131n karma\u015f\u0131k kullan\u0131c\u0131 etkile\u015fimlerini h\u0131zl\u0131 bir \u015fekilde y\u00f6netme becerisini vurgular. Platformun \u015f\u0131k ve kullan\u0131c\u0131 dostu aray\u00fcz\u00fc, React&#039;\u0131n y\u00fcksek performansl\u0131 etkile\u015fimler sunma becerisinin bir kan\u0131t\u0131d\u0131r.<\/p>\n<h5 id=\"%d9%86%d8%aa-%d9%81%d9%84%db%8c%da%a9%d8%b3\">Netflix<\/h5>\n<p>Airbnb, React.js&#039;nin karma\u015f\u0131k verileri sezgisel bir kullan\u0131c\u0131 deneyimine nas\u0131l d\u00f6n\u00fc\u015ft\u00fcrebilece\u011fini g\u00f6steriyor. Her bir m\u00fclk ilan\u0131, etkile\u015fimli harita ve ger\u00e7ek zamanl\u0131 rezervasyon, gezinmeden rezervasyona kadar kusursuz bir kullan\u0131c\u0131 deneyimi olu\u015fturmak i\u00e7in uyum i\u00e7inde \u00e7al\u0131\u015fan React bile\u015fenlerinin bir senfonisidir.<\/p>","protected":false},"excerpt":{"rendered":"Giri\u015f G\u00fcn\u00fcm\u00fczde \u00f6n u\u00e7 \u00e7er\u00e7eveleri ve k\u00fct\u00fcphaneler web geli\u015ftirme y\u0131\u011f\u0131n\u0131n\u0131n vazge\u00e7ilmez bir par\u00e7as\u0131 haline geliyor\u2026","protected":false},"author":1,"featured_media":14749,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_focuskw":"Recat.js \u0686\u06cc\u0633\u062a","_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","_yoast_wpseo_canonical":"","_yoast_wpseo_opengraph-description":"","_yoast_wpseo_opengraph-image":"","_yoast_wpseo_twitter-description":"","_yoast_wpseo_twitter-image":"","_yoast_wpseo_focuskeywords":"","_yoast_wpseo_primary_category":"193","footnotes":""},"categories":[193,266,363],"tags":[384,400],"class_list":{"0":"post-14740","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-tutorials","8":"category-news","9":"category-programming","10":"tag-java-script","11":"tag-react-js"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>React.js \u0686\u06cc\u0633\u062a\u061f - \u0628\u0644\u0627\u06af ITPiran<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.itpiran.net\/blog\/tr\/tutorials\/what-is-react-js\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"React.js \u0686\u06cc\u0633\u062a\u061f - \u0628\u0644\u0627\u06af ITPiran\" \/>\n<meta property=\"og:description\" content=\"\u0645\u0642\u062f\u0645\u0647 \u0627\u0645\u0631\u0648\u0632\u0647\u060c \u0641\u0631\u06cc\u0645\u200c\u0647\u0627 \u0648 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647\u200c\u0647\u0627\u06cc \u0628\u062e\u0634 Front \u062f\u0631 \u062d\u0627\u0644 \u062a\u0628\u062f\u06cc\u0644 \u0634\u062f\u0646 \u0628\u0647 \u0628\u062e\u0634\u06cc \u0636\u0631\u0648\u0631\u06cc \u0627\u0632 \u067e\u0634\u062a\u0647 \u062a\u0648\u0633\u0639\u0647 \u0648\u0628&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.itpiran.net\/blog\/tr\/tutorials\/what-is-react-js\/\" \/>\n<meta property=\"og:site_name\" content=\"\u0628\u0644\u0627\u06af ITPiran\" \/>\n<meta property=\"article:published_time\" content=\"2024-02-13T08:36:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-17T07:05:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.itpiran.net\/2024\/02\/15152531\/React.jsBG_.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1793\" \/>\n\t<meta property=\"og:image:height\" content=\"1110\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/what-is-react-js\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/what-is-react-js\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#\\\/schema\\\/person\\\/04ed27b919baca468a2273f8e4318f81\"},\"headline\":\"React.js \u0686\u06cc\u0633\u062a\u061f\",\"datePublished\":\"2024-02-13T08:36:50+00:00\",\"dateModified\":\"2024-02-17T07:05:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/what-is-react-js\\\/\"},\"wordCount\":137,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/what-is-react-js\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cdn.itpiran.net\\\/2024\\\/02\\\/15152531\\\/React.jsBG_.jpg\",\"keywords\":[\"Java Script\",\"React.js\"],\"articleSection\":[\"\u0622\u0645\u0648\u0632\u0634\u06cc\",\"\u0627\u062e\u0628\u0627\u0631\",\"\u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc\"],\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/what-is-react-js\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/what-is-react-js\\\/\",\"url\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/what-is-react-js\\\/\",\"name\":\"React.js \u0686\u06cc\u0633\u062a\u061f - \u0628\u0644\u0627\u06af ITPiran\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/what-is-react-js\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/what-is-react-js\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cdn.itpiran.net\\\/2024\\\/02\\\/15152531\\\/React.jsBG_.jpg\",\"datePublished\":\"2024-02-13T08:36:50+00:00\",\"dateModified\":\"2024-02-17T07:05:48+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/what-is-react-js\\\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/what-is-react-js\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/what-is-react-js\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cdn.itpiran.net\\\/2024\\\/02\\\/15152531\\\/React.jsBG_.jpg\",\"contentUrl\":\"https:\\\/\\\/cdn.itpiran.net\\\/2024\\\/02\\\/15152531\\\/React.jsBG_.jpg\",\"width\":1793,\"height\":1110},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/what-is-react-js\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0622\u0645\u0648\u0632\u0634\u06cc\",\"item\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/category\\\/tutorials\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"React.js \u0686\u06cc\u0633\u062a\u061f\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/\",\"name\":\"\u0628\u0644\u0627\u06af ITPiran\",\"description\":\"\u0627\u062e\u0628\u0627\u0631 \u0648 \u0645\u0642\u0627\u0644\u0627\u062a \u062a\u062c\u0627\u0631\u062a \u067e\u0627\u06cc\u062f\u0627\u0631 \u0627\u06cc\u0631\u0627\u0646\u06cc\u0627\u0646\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#organization\",\"name\":\"\u0628\u0644\u0627\u06af \u062a\u062c\u0627\u0631\u062a \u067e\u0627\u06cc\u062f\u0627\u0631 \u0627\u06cc\u0631\u0627\u0646\u06cc\u0627\u0646\",\"alternateName\":\"ITPIran Blog\",\"url\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/cdn.itpiran.net\\\/2023\\\/12\\\/27150508\\\/cropped-ITPIRAN-BLOG-LOGO-2.png\",\"contentUrl\":\"https:\\\/\\\/cdn.itpiran.net\\\/2023\\\/12\\\/27150508\\\/cropped-ITPIRAN-BLOG-LOGO-2.png\",\"width\":512,\"height\":512,\"caption\":\"\u0628\u0644\u0627\u06af \u062a\u062c\u0627\u0631\u062a \u067e\u0627\u06cc\u062f\u0627\u0631 \u0627\u06cc\u0631\u0627\u0646\u06cc\u0627\u0646\"},\"image\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#\\\/schema\\\/person\\\/04ed27b919baca468a2273f8e4318f81\",\"name\":\"admin\",\"url\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tr\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"React.js Nedir? - ITPiran Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.itpiran.net\/blog\/tr\/tutorials\/what-is-react-js\/","og_locale":"tr_TR","og_type":"article","og_title":"React.js \u0686\u06cc\u0633\u062a\u061f - \u0628\u0644\u0627\u06af ITPiran","og_description":"\u0645\u0642\u062f\u0645\u0647 \u0627\u0645\u0631\u0648\u0632\u0647\u060c \u0641\u0631\u06cc\u0645\u200c\u0647\u0627 \u0648 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647\u200c\u0647\u0627\u06cc \u0628\u062e\u0634 Front \u062f\u0631 \u062d\u0627\u0644 \u062a\u0628\u062f\u06cc\u0644 \u0634\u062f\u0646 \u0628\u0647 \u0628\u062e\u0634\u06cc \u0636\u0631\u0648\u0631\u06cc \u0627\u0632 \u067e\u0634\u062a\u0647 \u062a\u0648\u0633\u0639\u0647 \u0648\u0628&hellip;","og_url":"https:\/\/www.itpiran.net\/blog\/tr\/tutorials\/what-is-react-js\/","og_site_name":"\u0628\u0644\u0627\u06af ITPiran","article_published_time":"2024-02-13T08:36:50+00:00","article_modified_time":"2024-02-17T07:05:48+00:00","og_image":[{"width":1793,"height":1110,"url":"https:\/\/cdn.itpiran.net\/2024\/02\/15152531\/React.jsBG_.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"admin","Tahmini okuma s\u00fcresi":"1 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/what-is-react-js\/#article","isPartOf":{"@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/what-is-react-js\/"},"author":{"name":"admin","@id":"https:\/\/www.itpiran.net\/blog\/#\/schema\/person\/04ed27b919baca468a2273f8e4318f81"},"headline":"React.js \u0686\u06cc\u0633\u062a\u061f","datePublished":"2024-02-13T08:36:50+00:00","dateModified":"2024-02-17T07:05:48+00:00","mainEntityOfPage":{"@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/what-is-react-js\/"},"wordCount":137,"commentCount":0,"publisher":{"@id":"https:\/\/www.itpiran.net\/blog\/#organization"},"image":{"@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/what-is-react-js\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.itpiran.net\/2024\/02\/15152531\/React.jsBG_.jpg","keywords":["Java Script","React.js"],"articleSection":["\u0622\u0645\u0648\u0632\u0634\u06cc","\u0627\u062e\u0628\u0627\u0631","\u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc"],"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.itpiran.net\/blog\/tutorials\/what-is-react-js\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/what-is-react-js\/","url":"https:\/\/www.itpiran.net\/blog\/tutorials\/what-is-react-js\/","name":"React.js Nedir? - ITPiran Blog","isPartOf":{"@id":"https:\/\/www.itpiran.net\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/what-is-react-js\/#primaryimage"},"image":{"@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/what-is-react-js\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.itpiran.net\/2024\/02\/15152531\/React.jsBG_.jpg","datePublished":"2024-02-13T08:36:50+00:00","dateModified":"2024-02-17T07:05:48+00:00","breadcrumb":{"@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/what-is-react-js\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.itpiran.net\/blog\/tutorials\/what-is-react-js\/"]}]},{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/what-is-react-js\/#primaryimage","url":"https:\/\/cdn.itpiran.net\/2024\/02\/15152531\/React.jsBG_.jpg","contentUrl":"https:\/\/cdn.itpiran.net\/2024\/02\/15152531\/React.jsBG_.jpg","width":1793,"height":1110},{"@type":"BreadcrumbList","@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/what-is-react-js\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.itpiran.net\/blog\/"},{"@type":"ListItem","position":2,"name":"\u0622\u0645\u0648\u0632\u0634\u06cc","item":"https:\/\/www.itpiran.net\/blog\/category\/tutorials\/"},{"@type":"ListItem","position":3,"name":"React.js \u0686\u06cc\u0633\u062a\u061f"}]},{"@type":"WebSite","@id":"https:\/\/www.itpiran.net\/blog\/#website","url":"https:\/\/www.itpiran.net\/blog\/","name":"ITPiran Blog","description":"\u0130ran S\u00fcrd\u00fcr\u00fclebilir Ticaret Haberleri ve Makaleleri","publisher":{"@id":"https:\/\/www.itpiran.net\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.itpiran.net\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":"Organization","@id":"https:\/\/www.itpiran.net\/blog\/#organization","name":"S\u00fcrd\u00fcr\u00fclebilir \u0130ran \u0130\u015fletmeleri Blogu","alternateName":"ITPIran Blog","url":"https:\/\/www.itpiran.net\/blog\/","logo":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.itpiran.net\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdn.itpiran.net\/2023\/12\/27150508\/cropped-ITPIRAN-BLOG-LOGO-2.png","contentUrl":"https:\/\/cdn.itpiran.net\/2023\/12\/27150508\/cropped-ITPIRAN-BLOG-LOGO-2.png","width":512,"height":512,"caption":"\u0628\u0644\u0627\u06af \u062a\u062c\u0627\u0631\u062a \u067e\u0627\u06cc\u062f\u0627\u0631 \u0627\u06cc\u0631\u0627\u0646\u06cc\u0627\u0646"},"image":{"@id":"https:\/\/www.itpiran.net\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.itpiran.net\/blog\/#\/schema\/person\/04ed27b919baca468a2273f8e4318f81","name":"y\u00f6netici","url":"https:\/\/www.itpiran.net\/blog\/tr\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/posts\/14740","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/comments?post=14740"}],"version-history":[{"count":4,"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/posts\/14740\/revisions"}],"predecessor-version":[{"id":14752,"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/posts\/14740\/revisions\/14752"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/media\/14749"}],"wp:attachment":[{"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/media?parent=14740"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/categories?post=14740"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/tags?post=14740"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}