{"id":23853,"date":"2025-06-12T19:30:13","date_gmt":"2025-06-12T16:30:13","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/reacte-giris-temel-kavramlar-ve-uygulama-ornekleri\/"},"modified":"2025-06-12T19:30:13","modified_gmt":"2025-06-12T16:30:13","slug":"reacte-giris-temel-kavramlar-ve-uygulama-ornekleri","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/reacte-giris-temel-kavramlar-ve-uygulama-ornekleri\/","title":{"rendered":"React&#8217;e Giri\u015f: Temel Kavramlar ve Uygulama \u00d6rnekleri"},"content":{"rendered":"<p><body><\/p>\n<p>React&#8217;e Giri\u015f: Temel Kavramlar ve Uygulama \u00d6rnekleri<\/p>\n<p>Merhaba!  Ben Fatih Soysal ve bu yaz\u0131da, React&#8217;in temellerini \u00f6\u011frenmenize yard\u0131mc\u0131 olaca\u011f\u0131m.  React, Facebook taraf\u0131ndan geli\u015ftirilen, kullan\u0131c\u0131 aray\u00fczleri olu\u015fturmak i\u00e7in kullan\u0131lan pop\u00fcler bir JavaScript k\u00fct\u00fcphanesidir.  Bu g\u00fc\u00e7l\u00fc k\u00fct\u00fcphane, bile\u015fen tabanl\u0131 mimarisi ve verimlili\u011fi ile web geli\u015ftirme d\u00fcnyas\u0131nda b\u00fcy\u00fck bir etki yaratm\u0131\u015ft\u0131r.  \u00d6ncelikle, React&#8217;in neden bu kadar pop\u00fcler oldu\u011funu anlamak \u00f6nemlidir.<\/p>\n<p>React&#8217;in en \u00f6nemli \u00f6zelli\u011fi <strong>bile\u015fen tabanl\u0131 mimarisi<\/strong>dir.  Karma\u015f\u0131k kullan\u0131c\u0131 aray\u00fczlerini k\u00fc\u00e7\u00fck, yeniden kullan\u0131labilir bile\u015fenlere b\u00f6lerek, kodun d\u00fczenli, anla\u015f\u0131l\u0131r ve bak\u0131m\u0131 kolay olmas\u0131n\u0131 sa\u011flar.  Bu durum, b\u00fcy\u00fck projelerde bile geli\u015ftirme s\u00fcrecini h\u0131zland\u0131r\u0131r ve tak\u0131m \u00e7al\u0131\u015fmas\u0131n\u0131 kolayla\u015ft\u0131r\u0131r.  Ayr\u0131ca, bile\u015fenlerin ba\u011f\u0131ms\u0131z olmas\u0131, test edilebilirli\u011fi ve yeniden kullan\u0131labilirli\u011fi art\u0131r\u0131r.  Sonu\u00e7 olarak, daha h\u0131zl\u0131 ve daha verimli bir geli\u015ftirme s\u00fcreci elde edilir.<\/p>\n<p>React ile \u00e7al\u0131\u015f\u0131rken s\u0131kl\u0131kla kar\u015f\u0131la\u015faca\u011f\u0131n\u0131z bir di\u011fer kavram ise <strong>JSX<\/strong>&#8216;tir.  JSX, JavaScript&#8217;in bir uzant\u0131s\u0131d\u0131r ve HTML benzeri bir s\u00f6zdizimini kullanarak kullan\u0131c\u0131 aray\u00fczlerini tan\u0131mlar.  Bu sayede, HTML ve JavaScript kodunu bir arada yazabilir ve daha okunabilir bir kod elde edebilirsiniz.  \u0130\u015fte basit bir JSX \u00f6rne\u011fi:<\/p>\n<pre><code class=\"language-jsx\">\n&lt;div&gt;\n  &lt;h1&gt;Merhaba D\u00fcnya!&lt;\/h1&gt;\n&lt;\/div&gt;\n<\/code><\/pre>\n<p>Bu basit \u00f6rnekte, bir div eleman\u0131 i\u00e7erisinde bir h1 ba\u015fl\u0131\u011f\u0131 olu\u015fturduk.  JSX&#8217;in g\u00fczelli\u011fi, JavaScript ifadelerini do\u011frudan HTML kodunun i\u00e7ine yerle\u015ftirebilmemizi sa\u011flamas\u0131d\u0131r.  Bu, dinamik ve etkile\u015fimli kullan\u0131c\u0131 aray\u00fczleri olu\u015fturmay\u0131 olduk\u00e7a kolayla\u015ft\u0131r\u0131r.<\/p>\n<p>React&#8217;in kalbinde, <strong>virtual DOM<\/strong> (sanal DOM) bulunur.  Virtual DOM, ger\u00e7ek DOM&#8217;un bir kopyas\u0131d\u0131r ve de\u011fi\u015fiklikler burada yap\u0131l\u0131r.  De\u011fi\u015fiklikler tamamland\u0131ktan sonra, React, sadece gerekli g\u00fcncellemeleri ger\u00e7ek DOM&#8217;a uygular.  Bu sayede, performans b\u00fcy\u00fck \u00f6l\u00e7\u00fcde artar ve gereksiz g\u00fcncellemelerden ka\u00e7\u0131n\u0131l\u0131r.  Bu, \u00f6zellikle b\u00fcy\u00fck ve karma\u015f\u0131k uygulamalar i\u00e7in \u00f6nemli bir performans optimizasyonudur.<\/p>\n<p>React \u00f6\u011frenirken,  <a href=\"https:\/\/fatihsoysal.com\">fatihsoysal.com<\/a> gibi kaynaklardan faydalanabilirsiniz.  Bu kaynaklar, daha detayl\u0131 bilgi ve \u00f6rnek uygulamalar sunarak React yolculu\u011funuza destek olacakt\u0131r.  Ayr\u0131ca, online kurslar ve dok\u00fcmantasyonlar da b\u00fcy\u00fck bir yard\u0131m sa\u011flayacakt\u0131r.  Unutmay\u0131n, pratik yapmak React&#8217;i \u00f6\u011frenmenin en iyi yoludur.  Basit uygulamalar geli\u015ftirerek, \u00f6\u011frendiklerinizi peki\u015ftirebilir ve kendi projelerinizde kullanabilirsiniz. <\/p>\n<p>Sonu\u00e7 olarak, React, g\u00fc\u00e7l\u00fc ve esnek bir k\u00fct\u00fcphanedir ve  web geli\u015ftirme alan\u0131nda b\u00fcy\u00fck bir potansiyele sahiptir.  Bile\u015fen tabanl\u0131 mimarisi, JSX kullan\u0131m\u0131 ve virtual DOM gibi \u00f6zellikler sayesinde, hem performansl\u0131 hem de \u00f6l\u00e7eklenebilir uygulamalar olu\u015fturmak olduk\u00e7a kolayd\u0131r. Bu rehber, React&#8217;e ba\u015flaman\u0131z i\u00e7in sa\u011flam bir temel olu\u015fturmay\u0131 ama\u00e7lamaktad\u0131r.  Bol bol pratik yaparak, kendi etkileyici React uygulamalar\u0131n\u0131z\u0131 geli\u015ftirebilirsiniz.<\/p>\n<p>Umar\u0131m bu makale size yard\u0131mc\u0131 olmu\u015ftur.  Herhangi bir sorunuz varsa, l\u00fctfen yorumlarda belirtin!<\/p>\n<h3>#Etiketler<\/h3>\n<p>#React #ReactJS #JavaScript #Front-End #WebGeli\u015ftirme #Bile\u015fenTabanl\u0131 #JSX #VirtualDOM #\u00d6\u011frenme #Rehber #Tutorial<\/p>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"React&#8217;e Giri\u015f: Temel Kavramlar ve Uygulama \u00d6rnekleri Merhaba! Ben Fatih Soysal ve bu yaz\u0131da, React&#8217;in temellerini \u00f6\u011frenmenize yard\u0131mc\u0131&hellip;","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-23853","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v20.5 (Yoast SEO v25.3.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>React&#039;e Giri\u015f: Temel Kavramlar ve Uygulama \u00d6rnekleri<\/title>\n<meta name=\"description\" content=\"Merhaba! Ben Fatih Soysal ve bu yaz\u0131da, React&#039;in temellerini \u00f6\u011frenmenize yard\u0131mc\u0131 olaca\u011f\u0131m. React, Facebook taraf\u0131ndan geli\u015ftirilen, kullan\u0131c\u0131 aray\u00fczleri olu\u015fturmak i\u00e7in kullan\u0131lan pop\u00fcler bir JavaScript k\u00fct\u00fcphanesidir. Bu g\u00fc\u00e7l\u00fc k\u00fct\u00fcphane, bile\u015fen tabanl\u0131 mimarisi ve verimlili\u011fi ile web geli\u015ftirme d\u00fcnyas\u0131nda b\u00fcy\u00fck bir etki yaratm\u0131\u015ft\u0131r. \u00d6ncelikle, React&#039;in neden bu kadar pop\u00fcler oldu\u011funu anlamak \u00f6nemlidir.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fatihsoysal.com\/blog\/reacte-giris-temel-kavramlar-ve-uygulama-ornekleri\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"React&#039;e Giri\u015f: Temel Kavramlar ve Uygulama \u00d6rnekleri\" \/>\n<meta property=\"og:description\" content=\"Merhaba! Ben Fatih Soysal ve bu yaz\u0131da, React&#039;in temellerini \u00f6\u011frenmenize yard\u0131mc\u0131 olaca\u011f\u0131m. React, Facebook taraf\u0131ndan geli\u015ftirilen, kullan\u0131c\u0131 aray\u00fczleri olu\u015fturmak i\u00e7in kullan\u0131lan pop\u00fcler bir JavaScript k\u00fct\u00fcphanesidir. Bu g\u00fc\u00e7l\u00fc k\u00fct\u00fcphane, bile\u015fen tabanl\u0131 mimarisi ve verimlili\u011fi ile web geli\u015ftirme d\u00fcnyas\u0131nda b\u00fcy\u00fck bir etki yaratm\u0131\u015ft\u0131r. \u00d6ncelikle, React&#039;in neden bu kadar pop\u00fcler oldu\u011funu anlamak \u00f6nemlidir.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/reacte-giris-temel-kavramlar-ve-uygulama-ornekleri\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2025-06-12T16:30:13+00:00\" \/>\n<meta name=\"author\" content=\"Fatih Soysal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fatih Soysal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/reacte-giris-temel-kavramlar-ve-uygulama-ornekleri\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/reacte-giris-temel-kavramlar-ve-uygulama-ornekleri\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"React&#8217;e Giri\u015f: Temel Kavramlar ve Uygulama \u00d6rnekleri\",\"datePublished\":\"2025-06-12T16:30:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/reacte-giris-temel-kavramlar-ve-uygulama-ornekleri\/\"},\"wordCount\":536,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/reacte-giris-temel-kavramlar-ve-uygulama-ornekleri\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/reacte-giris-temel-kavramlar-ve-uygulama-ornekleri\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/reacte-giris-temel-kavramlar-ve-uygulama-ornekleri\/\",\"name\":\"React'e Giri\u015f: Temel Kavramlar ve Uygulama \u00d6rnekleri\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2025-06-12T16:30:13+00:00\",\"description\":\"Merhaba! Ben Fatih Soysal ve bu yaz\u0131da, React'in temellerini \u00f6\u011frenmenize yard\u0131mc\u0131 olaca\u011f\u0131m. React, Facebook taraf\u0131ndan geli\u015ftirilen, kullan\u0131c\u0131 aray\u00fczleri olu\u015fturmak i\u00e7in kullan\u0131lan pop\u00fcler bir JavaScript k\u00fct\u00fcphanesidir. Bu g\u00fc\u00e7l\u00fc k\u00fct\u00fcphane, bile\u015fen tabanl\u0131 mimarisi ve verimlili\u011fi ile web geli\u015ftirme d\u00fcnyas\u0131nda b\u00fcy\u00fck bir etki yaratm\u0131\u015ft\u0131r. \u00d6ncelikle, React'in neden bu kadar pop\u00fcler oldu\u011funu anlamak \u00f6nemlidir.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/reacte-giris-temel-kavramlar-ve-uygulama-ornekleri\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/reacte-giris-temel-kavramlar-ve-uygulama-ornekleri\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/reacte-giris-temel-kavramlar-ve-uygulama-ornekleri\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"React&#8217;e Giri\u015f: Temel Kavramlar ve Uygulama \u00d6rnekleri\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/\",\"name\":\"Fatihsoysal.com\",\"description\":\"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim\",\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\",\"name\":\"Fatih Soysal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"width\":512,\"height\":512,\"caption\":\"Fatih Soysal\"},\"logo\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"React'e Giri\u015f: Temel Kavramlar ve Uygulama \u00d6rnekleri","description":"Merhaba! Ben Fatih Soysal ve bu yaz\u0131da, React'in temellerini \u00f6\u011frenmenize yard\u0131mc\u0131 olaca\u011f\u0131m. React, Facebook taraf\u0131ndan geli\u015ftirilen, kullan\u0131c\u0131 aray\u00fczleri olu\u015fturmak i\u00e7in kullan\u0131lan pop\u00fcler bir JavaScript k\u00fct\u00fcphanesidir. Bu g\u00fc\u00e7l\u00fc k\u00fct\u00fcphane, bile\u015fen tabanl\u0131 mimarisi ve verimlili\u011fi ile web geli\u015ftirme d\u00fcnyas\u0131nda b\u00fcy\u00fck bir etki yaratm\u0131\u015ft\u0131r. \u00d6ncelikle, React'in neden bu kadar pop\u00fcler oldu\u011funu anlamak \u00f6nemlidir.","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:\/\/fatihsoysal.com\/blog\/reacte-giris-temel-kavramlar-ve-uygulama-ornekleri\/","og_locale":"tr_TR","og_type":"article","og_title":"React'e Giri\u015f: Temel Kavramlar ve Uygulama \u00d6rnekleri","og_description":"Merhaba! Ben Fatih Soysal ve bu yaz\u0131da, React'in temellerini \u00f6\u011frenmenize yard\u0131mc\u0131 olaca\u011f\u0131m. React, Facebook taraf\u0131ndan geli\u015ftirilen, kullan\u0131c\u0131 aray\u00fczleri olu\u015fturmak i\u00e7in kullan\u0131lan pop\u00fcler bir JavaScript k\u00fct\u00fcphanesidir. Bu g\u00fc\u00e7l\u00fc k\u00fct\u00fcphane, bile\u015fen tabanl\u0131 mimarisi ve verimlili\u011fi ile web geli\u015ftirme d\u00fcnyas\u0131nda b\u00fcy\u00fck bir etki yaratm\u0131\u015ft\u0131r. \u00d6ncelikle, React'in neden bu kadar pop\u00fcler oldu\u011funu anlamak \u00f6nemlidir.","og_url":"https:\/\/fatihsoysal.com\/blog\/reacte-giris-temel-kavramlar-ve-uygulama-ornekleri\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2025-06-12T16:30:13+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"3 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/reacte-giris-temel-kavramlar-ve-uygulama-ornekleri\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/reacte-giris-temel-kavramlar-ve-uygulama-ornekleri\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"React&#8217;e Giri\u015f: Temel Kavramlar ve Uygulama \u00d6rnekleri","datePublished":"2025-06-12T16:30:13+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/reacte-giris-temel-kavramlar-ve-uygulama-ornekleri\/"},"wordCount":536,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/reacte-giris-temel-kavramlar-ve-uygulama-ornekleri\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/reacte-giris-temel-kavramlar-ve-uygulama-ornekleri\/","url":"https:\/\/fatihsoysal.com\/blog\/reacte-giris-temel-kavramlar-ve-uygulama-ornekleri\/","name":"React'e Giri\u015f: Temel Kavramlar ve Uygulama \u00d6rnekleri","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2025-06-12T16:30:13+00:00","description":"Merhaba! Ben Fatih Soysal ve bu yaz\u0131da, React'in temellerini \u00f6\u011frenmenize yard\u0131mc\u0131 olaca\u011f\u0131m. React, Facebook taraf\u0131ndan geli\u015ftirilen, kullan\u0131c\u0131 aray\u00fczleri olu\u015fturmak i\u00e7in kullan\u0131lan pop\u00fcler bir JavaScript k\u00fct\u00fcphanesidir. Bu g\u00fc\u00e7l\u00fc k\u00fct\u00fcphane, bile\u015fen tabanl\u0131 mimarisi ve verimlili\u011fi ile web geli\u015ftirme d\u00fcnyas\u0131nda b\u00fcy\u00fck bir etki yaratm\u0131\u015ft\u0131r. \u00d6ncelikle, React'in neden bu kadar pop\u00fcler oldu\u011funu anlamak \u00f6nemlidir.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/reacte-giris-temel-kavramlar-ve-uygulama-ornekleri\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/reacte-giris-temel-kavramlar-ve-uygulama-ornekleri\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/reacte-giris-temel-kavramlar-ve-uygulama-ornekleri\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"React&#8217;e Giri\u015f: Temel Kavramlar ve Uygulama \u00d6rnekleri"}]},{"@type":"WebSite","@id":"https:\/\/fatihsoysal.com\/blog\/#website","url":"https:\/\/fatihsoysal.com\/blog\/","name":"Fatihsoysal.com","description":"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim","publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":["Person","Organization"],"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1","name":"Fatih Soysal","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","width":512,"height":512,"caption":"Fatih Soysal"},"logo":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/"},"description":"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.","url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/"}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/23853","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/comments?post=23853"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/23853\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=23853"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=23853"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=23853"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}