{"id":15186,"date":"2025-03-14T22:15:18","date_gmt":"2025-03-14T19:15:18","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizda-kendoreact-bilesenleri-kullanimi\/"},"modified":"2025-03-14T22:15:18","modified_gmt":"2025-03-14T19:15:18","slug":"react-uygulamanizda-kendoreact-bilesenleri-kullanimi","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizda-kendoreact-bilesenleri-kullanimi\/","title":{"rendered":"React Uygulaman\u0131zda KendoReact Bile\u015fenleri Kullan\u0131m\u0131"},"content":{"rendered":"<p><body><\/p>\n<p>React Uygulaman\u0131zda KendoReact Bile\u015fenleri Kullan\u0131m\u0131<\/p>\n<p>Merhaba!  Fatih Soysal olarak, bu makalede size React uygulamalar\u0131n\u0131za KendoReact bile\u015fenlerini nas\u0131l ekleyece\u011finizi ve kullanaca\u011f\u0131n\u0131z\u0131 ad\u0131m ad\u0131m g\u00f6sterece\u011fim.  KendoReact, zengin \u00f6zelliklere sahip, y\u00fcksek performansl\u0131 ve kullan\u0131m\u0131 kolay bir React UI bile\u015fen k\u00fct\u00fcphanesidir.  Bu sayede, karma\u015f\u0131k kullan\u0131c\u0131 aray\u00fczlerini h\u0131zl\u0131 ve verimli bir \u015fekilde geli\u015ftirebilirsiniz.  \u00d6ncelikle, projenize KendoReact&#8217;i nas\u0131l ekleyece\u011fimizden bahsedece\u011fim. Daha sonra ise, birka\u00e7 \u00f6rnek bile\u015fen kullanarak bunlar\u0131n nas\u0131l entegre edilece\u011fini ve \u00f6zelle\u015ftirilece\u011fini g\u00f6sterece\u011fim.<\/p>\n<h2>Projenize KendoReact Ekleme<\/h2>\n<p>\u0130lk ad\u0131m olarak, projenize KendoReact&#8217;i npm veya yarn paket y\u00f6neticisi ile eklemeniz gerekmektedir.  A\u015fa\u011f\u0131daki komutu kullanarak bunu kolayca yapabilirsiniz:<\/p>\n<pre><code class=\"language-bash\">npm install @progress\/kendo-react-dateinputs @progress\/kendo-react-dropdowns @progress\/kendo-react-grid @progress\/kendo-react-inputs --save<\/code><\/pre>\n<p>Bu komut, birka\u00e7 temel KendoReact bile\u015fenini y\u00fckler.  \u0130htiya\u00e7lar\u0131n\u0131za g\u00f6re di\u011fer bile\u015fenleri de y\u00fckleyebilirsiniz.  KendoReact&#8217;in geni\u015f bir bile\u015fen yelpazesi bulunmaktad\u0131r;  gridler, grafikler, d\u00fczenleyiciler ve daha bir\u00e7ok bile\u015fen projelerinize de\u011fer katacakt\u0131r.<\/p>\n<h2>Basit Bir \u00d6rnek: Tarih Se\u00e7ici<\/h2>\n<p>\u015eimdi, KendoReact&#8217;in tarih se\u00e7ici bile\u015fenini kullanarak basit bir \u00f6rnek olu\u015ftural\u0131m.  A\u015fa\u011f\u0131daki kod, bir tarih se\u00e7ici bile\u015feni olu\u015fturur ve se\u00e7ilen tarihi konsola yazar:<\/p>\n<pre><code class=\"language-jsx\">import React, { useState } from 'react';\nimport { DatePicker } from '@progress\/kendo-react-dateinputs';\n\nconst App = () => {\n  const [value, setValue] = useState(null);\n\n  const handleChange = (event) => {\n    setValue(event.value);\n    console.log(event.value);\n  };\n\n  return (\n    &lt;DatePicker onChange={handleChange} value={value} \/&gt;\n  );\n};\n\nexport default App;\n<\/code><\/pre>\n<p>Bu \u00f6rnekte, DatePicker bile\u015feni kullan\u0131lm\u0131\u015ft\u0131r.  onChange \u00f6zelli\u011fi, se\u00e7ilen tarihin de\u011fi\u015fti\u011finde tetiklenen bir fonksiyonu belirtir.  Bu fonksiyon, se\u00e7ilen tarihi konsola yazar.  Bu basit \u00f6rnek bile, KendoReact&#8217;in kullan\u0131m kolayl\u0131\u011f\u0131n\u0131 g\u00f6stermektedir.<\/p>\n<h2>Daha Geli\u015fmi\u015f \u00d6rnekler ve \u00d6zelle\u015ftirme<\/h2>\n<p>KendoReact, sadece basit bile\u015fenlerden daha fazlas\u0131n\u0131 sunar.  \u00d6rne\u011fin, grid bile\u015feni, verileri tablo \u015feklinde g\u00f6stermek i\u00e7in geli\u015fmi\u015f \u00f6zelliklere sahiptir.  S\u00fctun d\u00fczenleme, s\u0131ralama, arama gibi bir\u00e7ok \u00f6zelle\u015ftirme se\u00e7ene\u011fi mevcuttur.  Ayr\u0131ca, temalar ve stilleri \u00f6zelle\u015ftirerek uygulaman\u0131z\u0131n g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc istedi\u011finiz gibi de\u011fi\u015ftirebilirsiniz. Daha detayl\u0131 bilgi i\u00e7in <a href=\"https:\/\/www.telerik.com\/kendo-react-ui\">KendoReact resmi dok\u00fcmanlar\u0131na<\/a> g\u00f6z atabilirsiniz.  Bunun yan\u0131 s\u0131ra, KendoReact&#8217;in sundu\u011fu di\u011fer bile\u015fenleri inceleyerek projenize uygun olanlar\u0131 se\u00e7ebilirsiniz.  \u00d6rne\u011fin, dropdown listeleri, input alanlar\u0131 ve daha bir\u00e7ok bile\u015fen mevcuttur.  Uygulaman\u0131z\u0131n ihtiyac\u0131na g\u00f6re do\u011fru bile\u015fenleri se\u00e7mek, geli\u015ftirme s\u00fcrecinizi h\u0131zland\u0131racakt\u0131r. <\/p>\n<h2>Sonu\u00e7<\/h2>\n<p>KendoReact, React uygulamalar\u0131n\u0131z i\u00e7in g\u00fc\u00e7l\u00fc ve kullan\u0131m\u0131 kolay bir UI bile\u015fen k\u00fct\u00fcphanesidir.  Zengin \u00f6zellikleri, y\u00fcksek performans\u0131 ve geni\u015f bile\u015fen yelpazesi ile geli\u015ftirme s\u00fcrecinizi \u00f6nemli \u00f6l\u00e7\u00fcde kolayla\u015ft\u0131rabilir.  Bu makalede, KendoReact&#8217;i projenize ekleme ve baz\u0131 temel bile\u015fenleri kullanma konusunda temel ad\u0131mlar\u0131 g\u00f6sterdim.  Daha fazla bilgi ve \u00f6rnek i\u00e7in,  <a href=\"https:\/\/fatihsoysal.com\">web sitemi<\/a> ziyaret edebilirsiniz.  Ayr\u0131ca,  <a href=\"https:\/\/dev.to\/code_2\/build-react-app-with-kendoreact-components-14lk\">buradaki<\/a>  \u0130ngilizce makalenin i\u00e7eri\u011finden de faydalanabilirsiniz.<\/p>\n<p>#Etiketler: React, KendoReact, Bile\u015fen, Geli\u015ftirme, Programlama, JavaScript, UI, Kullan\u0131c\u0131 Aray\u00fcz\u00fc, Performans, Entegre, \u00d6\u011fretici, Tutorial, DatePicker, Grid, Dropdown, Input<br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"React Uygulaman\u0131zda KendoReact Bile\u015fenleri Kullan\u0131m\u0131 Merhaba! Fatih Soysal olarak, bu makalede size React uygulamalar\u0131n\u0131za KendoReact bile\u015fenlerini nas\u0131l ekleyece\u011finizi&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-15186","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 Uygulaman\u0131zda KendoReact Bile\u015fenleri Kullan\u0131m\u0131<\/title>\n<meta name=\"description\" content=\"Merhaba! Fatih Soysal olarak, bu makalede size React uygulamalar\u0131n\u0131za KendoReact bile\u015fenlerini nas\u0131l ekleyece\u011finizi ve kullanaca\u011f\u0131n\u0131z\u0131 ad\u0131m ad\u0131m g\u00f6sterece\u011fim. KendoReact, zengin \u00f6zelliklere sahip, y\u00fcksek performansl\u0131 ve kullan\u0131m\u0131 kolay bir React UI bile\u015fen k\u00fct\u00fcphanesidir. Bu sayede, karma\u015f\u0131k kullan\u0131c\u0131 aray\u00fczlerini h\u0131zl\u0131 ve verimli bir \u015fekilde geli\u015ftirebilirsiniz. \u00d6ncelikle, projenize KendoReact&#039;i nas\u0131l ekleyece\u011fimizden bahsedece\u011fim. Daha sonra ise, birka\u00e7 \u00f6rnek bile\u015fen kullanarak bunlar\u0131n nas\u0131l entegre edilece\u011fini ve \u00f6zelle\u015ftirilece\u011fini g\u00f6sterece\u011fim.\" \/>\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\/react-uygulamanizda-kendoreact-bilesenleri-kullanimi\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"React Uygulaman\u0131zda KendoReact Bile\u015fenleri Kullan\u0131m\u0131\" \/>\n<meta property=\"og:description\" content=\"Merhaba! Fatih Soysal olarak, bu makalede size React uygulamalar\u0131n\u0131za KendoReact bile\u015fenlerini nas\u0131l ekleyece\u011finizi ve kullanaca\u011f\u0131n\u0131z\u0131 ad\u0131m ad\u0131m g\u00f6sterece\u011fim. KendoReact, zengin \u00f6zelliklere sahip, y\u00fcksek performansl\u0131 ve kullan\u0131m\u0131 kolay bir React UI bile\u015fen k\u00fct\u00fcphanesidir. Bu sayede, karma\u015f\u0131k kullan\u0131c\u0131 aray\u00fczlerini h\u0131zl\u0131 ve verimli bir \u015fekilde geli\u015ftirebilirsiniz. \u00d6ncelikle, projenize KendoReact&#039;i nas\u0131l ekleyece\u011fimizden bahsedece\u011fim. Daha sonra ise, birka\u00e7 \u00f6rnek bile\u015fen kullanarak bunlar\u0131n nas\u0131l entegre edilece\u011fini ve \u00f6zelle\u015ftirilece\u011fini g\u00f6sterece\u011fim.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizda-kendoreact-bilesenleri-kullanimi\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2025-03-14T19:15:18+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\/react-uygulamanizda-kendoreact-bilesenleri-kullanimi\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizda-kendoreact-bilesenleri-kullanimi\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"React Uygulaman\u0131zda KendoReact Bile\u015fenleri Kullan\u0131m\u0131\",\"datePublished\":\"2025-03-14T19:15:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizda-kendoreact-bilesenleri-kullanimi\/\"},\"wordCount\":503,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizda-kendoreact-bilesenleri-kullanimi\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizda-kendoreact-bilesenleri-kullanimi\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizda-kendoreact-bilesenleri-kullanimi\/\",\"name\":\"React Uygulaman\u0131zda KendoReact Bile\u015fenleri Kullan\u0131m\u0131\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2025-03-14T19:15:18+00:00\",\"description\":\"Merhaba! Fatih Soysal olarak, bu makalede size React uygulamalar\u0131n\u0131za KendoReact bile\u015fenlerini nas\u0131l ekleyece\u011finizi ve kullanaca\u011f\u0131n\u0131z\u0131 ad\u0131m ad\u0131m g\u00f6sterece\u011fim. KendoReact, zengin \u00f6zelliklere sahip, y\u00fcksek performansl\u0131 ve kullan\u0131m\u0131 kolay bir React UI bile\u015fen k\u00fct\u00fcphanesidir. Bu sayede, karma\u015f\u0131k kullan\u0131c\u0131 aray\u00fczlerini h\u0131zl\u0131 ve verimli bir \u015fekilde geli\u015ftirebilirsiniz. \u00d6ncelikle, projenize KendoReact'i nas\u0131l ekleyece\u011fimizden bahsedece\u011fim. Daha sonra ise, birka\u00e7 \u00f6rnek bile\u015fen kullanarak bunlar\u0131n nas\u0131l entegre edilece\u011fini ve \u00f6zelle\u015ftirilece\u011fini g\u00f6sterece\u011fim.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizda-kendoreact-bilesenleri-kullanimi\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizda-kendoreact-bilesenleri-kullanimi\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizda-kendoreact-bilesenleri-kullanimi\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"React Uygulaman\u0131zda KendoReact Bile\u015fenleri Kullan\u0131m\u0131\"}]},{\"@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 Uygulaman\u0131zda KendoReact Bile\u015fenleri Kullan\u0131m\u0131","description":"Merhaba! Fatih Soysal olarak, bu makalede size React uygulamalar\u0131n\u0131za KendoReact bile\u015fenlerini nas\u0131l ekleyece\u011finizi ve kullanaca\u011f\u0131n\u0131z\u0131 ad\u0131m ad\u0131m g\u00f6sterece\u011fim. KendoReact, zengin \u00f6zelliklere sahip, y\u00fcksek performansl\u0131 ve kullan\u0131m\u0131 kolay bir React UI bile\u015fen k\u00fct\u00fcphanesidir. Bu sayede, karma\u015f\u0131k kullan\u0131c\u0131 aray\u00fczlerini h\u0131zl\u0131 ve verimli bir \u015fekilde geli\u015ftirebilirsiniz. \u00d6ncelikle, projenize KendoReact'i nas\u0131l ekleyece\u011fimizden bahsedece\u011fim. Daha sonra ise, birka\u00e7 \u00f6rnek bile\u015fen kullanarak bunlar\u0131n nas\u0131l entegre edilece\u011fini ve \u00f6zelle\u015ftirilece\u011fini g\u00f6sterece\u011fim.","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\/react-uygulamanizda-kendoreact-bilesenleri-kullanimi\/","og_locale":"tr_TR","og_type":"article","og_title":"React Uygulaman\u0131zda KendoReact Bile\u015fenleri Kullan\u0131m\u0131","og_description":"Merhaba! Fatih Soysal olarak, bu makalede size React uygulamalar\u0131n\u0131za KendoReact bile\u015fenlerini nas\u0131l ekleyece\u011finizi ve kullanaca\u011f\u0131n\u0131z\u0131 ad\u0131m ad\u0131m g\u00f6sterece\u011fim. KendoReact, zengin \u00f6zelliklere sahip, y\u00fcksek performansl\u0131 ve kullan\u0131m\u0131 kolay bir React UI bile\u015fen k\u00fct\u00fcphanesidir. Bu sayede, karma\u015f\u0131k kullan\u0131c\u0131 aray\u00fczlerini h\u0131zl\u0131 ve verimli bir \u015fekilde geli\u015ftirebilirsiniz. \u00d6ncelikle, projenize KendoReact'i nas\u0131l ekleyece\u011fimizden bahsedece\u011fim. Daha sonra ise, birka\u00e7 \u00f6rnek bile\u015fen kullanarak bunlar\u0131n nas\u0131l entegre edilece\u011fini ve \u00f6zelle\u015ftirilece\u011fini g\u00f6sterece\u011fim.","og_url":"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizda-kendoreact-bilesenleri-kullanimi\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2025-03-14T19:15:18+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\/react-uygulamanizda-kendoreact-bilesenleri-kullanimi\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizda-kendoreact-bilesenleri-kullanimi\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"React Uygulaman\u0131zda KendoReact Bile\u015fenleri Kullan\u0131m\u0131","datePublished":"2025-03-14T19:15:18+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizda-kendoreact-bilesenleri-kullanimi\/"},"wordCount":503,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/react-uygulamanizda-kendoreact-bilesenleri-kullanimi\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizda-kendoreact-bilesenleri-kullanimi\/","url":"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizda-kendoreact-bilesenleri-kullanimi\/","name":"React Uygulaman\u0131zda KendoReact Bile\u015fenleri Kullan\u0131m\u0131","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2025-03-14T19:15:18+00:00","description":"Merhaba! Fatih Soysal olarak, bu makalede size React uygulamalar\u0131n\u0131za KendoReact bile\u015fenlerini nas\u0131l ekleyece\u011finizi ve kullanaca\u011f\u0131n\u0131z\u0131 ad\u0131m ad\u0131m g\u00f6sterece\u011fim. KendoReact, zengin \u00f6zelliklere sahip, y\u00fcksek performansl\u0131 ve kullan\u0131m\u0131 kolay bir React UI bile\u015fen k\u00fct\u00fcphanesidir. Bu sayede, karma\u015f\u0131k kullan\u0131c\u0131 aray\u00fczlerini h\u0131zl\u0131 ve verimli bir \u015fekilde geli\u015ftirebilirsiniz. \u00d6ncelikle, projenize KendoReact'i nas\u0131l ekleyece\u011fimizden bahsedece\u011fim. Daha sonra ise, birka\u00e7 \u00f6rnek bile\u015fen kullanarak bunlar\u0131n nas\u0131l entegre edilece\u011fini ve \u00f6zelle\u015ftirilece\u011fini g\u00f6sterece\u011fim.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizda-kendoreact-bilesenleri-kullanimi\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/react-uygulamanizda-kendoreact-bilesenleri-kullanimi\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/react-uygulamanizda-kendoreact-bilesenleri-kullanimi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"React Uygulaman\u0131zda KendoReact Bile\u015fenleri Kullan\u0131m\u0131"}]},{"@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\/15186","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=15186"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/15186\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=15186"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=15186"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=15186"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}