{"id":393,"date":"2016-12-02T16:11:50","date_gmt":"2016-12-02T14:11:50","guid":{"rendered":"http:\/\/fatihsoysal.com\/blog\/?p=393"},"modified":"2018-02-09T21:47:47","modified_gmt":"2018-02-09T19:47:47","slug":"reactjs-baslangic-ve-temel-kavramlar","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/reactjs-baslangic-ve-temel-kavramlar\/","title":{"rendered":"ReactJS: Ba\u015flang\u0131\u00e7 ve Temel Kavramlar"},"content":{"rendered":"<p><strong>HTML ve CSS&#8217;yi bilen bir front-end\u00a0geli\u015ftiricisi veya front-end\u00a0\u00e7al\u0131\u015fmaya ge\u00e7mek isteyen bir back-end\u00a0geli\u015ftiricisiyseniz <a href=\"https:\/\/facebook.github.io\/react\/\" target=\"_blank\">ReactJS<\/a>\u00a0\u00f6\u011frenece\u011finiz en yeni teknolojilerden biridir. \u015eu anda d\u00fcnya \u00fczerinde\u00a0en h\u0131zl\u0131 b\u00fcy\u00fcyen front-end\u00a0teknolojisi oldu\u011fu i\u00e7in React geli\u015ftiricileri i\u00e7in gelecekte \u00e7ok say\u0131da k\u00e2rl\u0131 istihdam olanaklar\u0131 oldu\u011fu da konu\u015fulmakta.<\/strong><\/p>\n<p><strong>ReactJS Nedir?<\/strong><\/p>\n<p>ReactJS, etkile\u015fimli, durum bilgisi olan ve yeniden kullan\u0131labilir UI bile\u015fenlerinin olu\u015fturulmas\u0131n\u0131 kolayla\u015ft\u0131rmak i\u00e7in Facebook&#8217;ta geli\u015ftirilmi\u015f bir UI k\u00fct\u00fcphanesi. Facebook&#8217;ta kullan\u0131l\u0131r ve Instagram.com tamamen ReactJS ile yaz\u0131lm\u0131\u015ft\u0131r.<\/p>\n<p>En iyi y\u00f6nlerinden biri, yaln\u0131zca istemci taraf\u0131nda performans g\u00f6stermekle kalmaz, ayn\u0131 zamanda sunucu taraf\u0131nda olu\u015fturulabilir ve birlikte \u00e7al\u0131\u015fabilir.<\/p>\n<p>Facebook geli\u015ftiricilerinin de destek vermesi pop\u00fclaritesini daha da\u00a0art\u0131yor. ReactJS ayr\u0131ca web uygulamalar\u0131 i\u00e7in yeni bir standart belirledi. Bununla birlikte \u015funu da belirtelim, asl\u0131nda bu bir framework de\u011fil, bir k\u00fct\u00fcphane.<\/p>\n<p>React, beklemek yerine daha iyi k\u00fct\u00fcphaneler i\u00e7in uygulaman\u0131z\u0131n k\u00fc\u00e7\u00fck par\u00e7alar\u0131n\u0131 de\u011fi\u015ftirmenizi ve yenilik yapmas\u0131n\u0131 ama\u00e7l\u0131yor.Yaln\u0131zca gerekli oldu\u011funda katmanlar\u0131 ekler, bu nedenle baz\u0131 kal\u0131planm\u0131\u015f dilleri kullanmak yerine HTML ve JavaScript yazmaya devam edersiniz.<\/p>\n<p>Bu tekrar kullan\u0131labilir bile\u015fenler <strong>React<\/strong> uygulamas\u0131n\u0131n \u00f6z\u00fcd\u00fcr. Bu yaln\u0131zca kullan\u0131c\u0131 arabirimi unsurlar\u0131 anlam\u0131na gelmez. Veritaban\u0131ndan ald\u0131\u011f\u0131n\u0131z her veri t\u00fcr\u00fc i\u00e7in bir bile\u015fen olu\u015fturabilir ve ihtiya\u00e7 duydu\u011funuzda bunlar\u0131 olu\u015fturabilirsiniz. Nesne y\u00f6nelimli programlamaya paralel olarak, \u00f6\u011frenilebilir bir k\u00fct\u00fcphane oldu\u011funu s\u00f6yleyebilirim.<\/p>\n<p>ReactJS, Reakt Native&#8217;in piyasaya s\u00fcr\u00fclmesiyle birlikte \u00e7apraz platformda kullan\u0131lmaya ba\u015fland\u0131. <a href=\"https:\/\/facebook.github.io\/react-native\/\" target=\"_blank\">Reakt Native<\/a>, karma bir uygulama olu\u015fturmaz. Ger\u00e7ekten, Objective-C, Java veya Swift&#8217;de yerle\u015fik bir uygulamadan ay\u0131rt edilemeyen ger\u00e7ek bir mobil uygulama olu\u015fturuyor. React Native, normal iOS ve Android uygulamalar\u0131 ile ayn\u0131 temel UI yap\u0131 ta\u015flar\u0131n\u0131 kullan\u0131yor.<\/p>\n<p>React&#8217;i sunucuda da olu\u015fturabilirsiniz. Bu, ger\u00e7ekten h\u0131zl\u0131 ve arama motoru dostu sayfalar\u0131 olu\u015fturman\u0131z\u0131 sa\u011flar.<\/p>\n<p><strong>Ba\u015flang\u0131\u00e7<\/strong><\/p>\n<p>React&#8217;i kullanmaya ba\u015flamak i\u00e7in, yay\u0131nlanm\u0131\u015f ba\u015flang\u0131\u00e7 kitini indirmeniz gereklidir.<\/p>\n<ul>\n<li><a href=\"https:\/\/facebook.github.io\/react\/downloads\/react-15.0.1.zip\">React Starter Kit<\/a><\/li>\n<li>\u00d6rnek kullan\u0131ma <a href=\"https:\/\/jsfiddle.net\/reactjs\/69z2wepo\/\" target=\"_blank\">buradan<\/a>\u00a0ula\u015fabilirsiniz.<\/li>\n<\/ul>\n<p><strong>Kurulum<\/strong><\/p>\n<p>Sayfan\u0131z\u0131 ayarlarken, <strong>react.js<\/strong>, <strong>react-dom.js<\/strong> ve <strong>JSXTransformer.js<\/strong> komutlar\u0131n\u0131 eklemeyi unutmay\u0131n.<\/p>\n<pre class=\"lang:default decode:true \">&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n  &lt;head&gt;\r\n    &lt;script src=\"build\/react.js\"&gt;&lt;\/script&gt;\r\n    &lt;script src=\"build\/react-dom.js\"&gt;&lt;\/script&gt;\r\n    &lt;script src=\"build\/JSXTransformer.js\"&gt;&lt;\/script&gt;\r\n  &lt;\/head&gt;\r\n  &lt;body&gt;\r\n    &lt;div id=\"mount-point\"&gt;&lt;\/div&gt;\r\n    &lt;script type=\"text\/jsx\"&gt;\r\n      \/\/ React kodlar\u0131 burada olacak\r\n    &lt;\/script&gt;\r\n  &lt;\/body&gt;\r\n&lt;\/html&gt;<\/pre>\n<p>ReaktJS DOM k\u00fct\u00fcphanesini destekliyor, React&#8217;in son s\u00fcr\u00fcm\u00fcnde tan\u0131t\u0131ld\u0131. React DOM uygulamas\u0131 ba\u015flang\u0131\u00e7ta React k\u00fct\u00fcphanesinde idi ancak v0.14&#8217;te ba\u011f\u0131ms\u0131z bir k\u00fct\u00fcphane haline getirildi.<\/p>\n<p>Bir \u00f6rnek uygulama ger\u00e7ekle\u015ftirelim:<\/p>\n<pre class=\"lang:js decode:true \">&lt;script type=\"text\/jsx\"&gt;\r\n    \/** @jsx React.DOM *\/\r\n    ReactDOM.render(\r\n        &lt;h1&gt;Hello, world!&lt;\/h1&gt;,\r\n        document.getElementById('myDiv')\r\n    );\r\n&lt;\/script&gt;<\/pre>\n<pre class=\"lang:js decode:true \">\/** @jsx React.DOM *\/\r\n\r\nvar Counter = React.createClass({\r\n  incrementCount: function(){\r\n    this.setState({\r\n      count: this.state.count + 1\r\n    });\r\n  },\r\n  getInitialState: function(){\r\n     return {\r\n       count: 0\r\n     }\r\n  },\r\n  render: function(){\r\n    return (\r\n      &lt;div class=\"my-component\"&gt;\r\n        &lt;h1&gt;Count: {this.state.count}&lt;\/h1&gt;\r\n        &lt;button type=\"button\" onClick={this.incrementCount}&gt;Increment&lt;\/button&gt;\r\n      &lt;\/div&gt;\r\n    );\r\n  }\r\n});\r\n\r\nReactDOM.render(&lt;Counter\/&gt;, document.getElementById('mount-point'));<\/pre>\n<p class=\"codepen\" data-height=\"265\" data-theme-id=\"0\" data-slug-hash=\"zopQvR\" data-default-tab=\"js,result\" data-user=\"fatihsoysal\" data-embed-version=\"2\" data-pen-title=\"zopQvR\">See the Pen <a href=\"http:\/\/codepen.io\/fatihsoysal\/pen\/zopQvR\/\">zopQvR<\/a> by Fatih Soysal (<a href=\"http:\/\/codepen.io\/fatihsoysal\">@fatihsoysal<\/a>) on <a href=\"http:\/\/codepen.io\">CodePen<\/a>.<\/p>\n<p><strong>Sonu\u00e7<\/strong><\/p>\n<p>Bu makalede baz\u0131 ReactJS temellerini inceledik, React API&#8217;s\u0131n\u0131 kontrol etmek i\u00e7in biraz zaman ay\u0131r\u0131n ve JSX \u00fczerinde biraz \u00e7al\u0131\u015fmaya\u00a0ba\u015flay\u0131n.<\/p>\n<p>Ho\u015f\u00e7akal\u0131n!<\/p>\n<p><script src=\"https:\/\/production-assets.codepen.io\/assets\/embed\/ei.js\" async=\"\"><\/script><\/p>\n","protected":false},"excerpt":{"rendered":"HTML ve CSS&#8217;yi bilen bir front-end\u00a0geli\u015ftiricisi veya front-end\u00a0\u00e7al\u0131\u015fmaya ge\u00e7mek isteyen bir back-end\u00a0geli\u015ftiricisiyseniz ReactJS\u00a0\u00f6\u011frenece\u011finiz en yeni teknolojilerden biridir. \u015eu&hellip;","protected":false},"author":1,"featured_media":400,"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":[129,128,10],"tags":[4,97,99,100,98],"class_list":{"0":"post-393","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-javascript","8":"category-react","9":"category-yazilim","10":"tag-fatih-soysal","11":"tag-reactjs","12":"tag-reactjs-baslangic","13":"tag-reactjs-ders","14":"tag-reactjs-nedir","15":"cs-entry","16":"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>ReactJS: Ba\u015flang\u0131\u00e7 ve Temel Kavramlar - Kodlar\u0131n Gizemli D\u00fcnyas\u0131<\/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:\/\/fatihsoysal.com\/blog\/reactjs-baslangic-ve-temel-kavramlar\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"ReactJS: Ba\u015flang\u0131\u00e7 ve Temel Kavramlar\" \/>\n<meta property=\"og:description\" content=\"HTML ve CSS&#8217;yi bilen bir front-end\u00a0geli\u015ftiricisi veya front-end\u00a0\u00e7al\u0131\u015fmaya ge\u00e7mek isteyen bir back-end\u00a0geli\u015ftiricisiyseniz ReactJS\u00a0\u00f6\u011frenece\u011finiz en yeni teknolojilerden biridir. \u015eu&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/reactjs-baslangic-ve-temel-kavramlar\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2016-12-02T14:11:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-02-09T19:47:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2016\/12\/learning-react-getting-started.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\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\/reactjs-baslangic-ve-temel-kavramlar\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/reactjs-baslangic-ve-temel-kavramlar\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"ReactJS: Ba\u015flang\u0131\u00e7 ve Temel Kavramlar\",\"datePublished\":\"2016-12-02T14:11:50+00:00\",\"dateModified\":\"2018-02-09T19:47:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/reactjs-baslangic-ve-temel-kavramlar\/\"},\"wordCount\":489,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"image\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/reactjs-baslangic-ve-temel-kavramlar\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2016\/12\/learning-react-getting-started.png\",\"keywords\":[\"fatih soysal\",\"ReactJS\",\"ReactJS ba\u015flang\u0131\u00e7\",\"ReactJS ders\",\"ReactJS nedir\"],\"articleSection\":[\"Javascript\",\"React\",\"Yaz\u0131l\u0131m\"],\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/reactjs-baslangic-ve-temel-kavramlar\/#respond\"]}],\"copyrightYear\":\"2016\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/reactjs-baslangic-ve-temel-kavramlar\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/reactjs-baslangic-ve-temel-kavramlar\/\",\"name\":\"ReactJS: Ba\u015flang\u0131\u00e7 ve Temel Kavramlar - Kodlar\u0131n Gizemli D\u00fcnyas\u0131\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/reactjs-baslangic-ve-temel-kavramlar\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/reactjs-baslangic-ve-temel-kavramlar\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2016\/12\/learning-react-getting-started.png\",\"datePublished\":\"2016-12-02T14:11:50+00:00\",\"dateModified\":\"2018-02-09T19:47:47+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/reactjs-baslangic-ve-temel-kavramlar\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/reactjs-baslangic-ve-temel-kavramlar\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/reactjs-baslangic-ve-temel-kavramlar\/#primaryimage\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2016\/12\/learning-react-getting-started.png\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2016\/12\/learning-react-getting-started.png\",\"width\":1200,\"height\":600},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/reactjs-baslangic-ve-temel-kavramlar\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"ReactJS: Ba\u015flang\u0131\u00e7 ve Temel Kavramlar\"}]},{\"@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":"ReactJS: Ba\u015flang\u0131\u00e7 ve Temel Kavramlar - Kodlar\u0131n Gizemli D\u00fcnyas\u0131","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\/reactjs-baslangic-ve-temel-kavramlar\/","og_locale":"tr_TR","og_type":"article","og_title":"ReactJS: Ba\u015flang\u0131\u00e7 ve Temel Kavramlar","og_description":"HTML ve CSS&#8217;yi bilen bir front-end\u00a0geli\u015ftiricisi veya front-end\u00a0\u00e7al\u0131\u015fmaya ge\u00e7mek isteyen bir back-end\u00a0geli\u015ftiricisiyseniz ReactJS\u00a0\u00f6\u011frenece\u011finiz en yeni teknolojilerden biridir. \u015eu&hellip;","og_url":"https:\/\/fatihsoysal.com\/blog\/reactjs-baslangic-ve-temel-kavramlar\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2016-12-02T14:11:50+00:00","article_modified_time":"2018-02-09T19:47:47+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2016\/12\/learning-react-getting-started.png","type":"image\/png"}],"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\/reactjs-baslangic-ve-temel-kavramlar\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/reactjs-baslangic-ve-temel-kavramlar\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"ReactJS: Ba\u015flang\u0131\u00e7 ve Temel Kavramlar","datePublished":"2016-12-02T14:11:50+00:00","dateModified":"2018-02-09T19:47:47+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/reactjs-baslangic-ve-temel-kavramlar\/"},"wordCount":489,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"image":{"@id":"https:\/\/fatihsoysal.com\/blog\/reactjs-baslangic-ve-temel-kavramlar\/#primaryimage"},"thumbnailUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2016\/12\/learning-react-getting-started.png","keywords":["fatih soysal","ReactJS","ReactJS ba\u015flang\u0131\u00e7","ReactJS ders","ReactJS nedir"],"articleSection":["Javascript","React","Yaz\u0131l\u0131m"],"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/reactjs-baslangic-ve-temel-kavramlar\/#respond"]}],"copyrightYear":"2016","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/reactjs-baslangic-ve-temel-kavramlar\/","url":"https:\/\/fatihsoysal.com\/blog\/reactjs-baslangic-ve-temel-kavramlar\/","name":"ReactJS: Ba\u015flang\u0131\u00e7 ve Temel Kavramlar - Kodlar\u0131n Gizemli D\u00fcnyas\u0131","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/reactjs-baslangic-ve-temel-kavramlar\/#primaryimage"},"image":{"@id":"https:\/\/fatihsoysal.com\/blog\/reactjs-baslangic-ve-temel-kavramlar\/#primaryimage"},"thumbnailUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2016\/12\/learning-react-getting-started.png","datePublished":"2016-12-02T14:11:50+00:00","dateModified":"2018-02-09T19:47:47+00:00","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/reactjs-baslangic-ve-temel-kavramlar\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/reactjs-baslangic-ve-temel-kavramlar\/"]}]},{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/reactjs-baslangic-ve-temel-kavramlar\/#primaryimage","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2016\/12\/learning-react-getting-started.png","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2016\/12\/learning-react-getting-started.png","width":1200,"height":600},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/reactjs-baslangic-ve-temel-kavramlar\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"ReactJS: Ba\u015flang\u0131\u00e7 ve Temel Kavramlar"}]},{"@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\/393","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=393"}],"version-history":[{"count":4,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/393\/revisions"}],"predecessor-version":[{"id":398,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/393\/revisions\/398"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media\/400"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=393"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=393"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}