{"id":2779,"date":"2024-11-03T01:30:09","date_gmt":"2024-11-02T22:30:09","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/marvel-karakterlerini-react-ve-marvel-api-ile-gosteren-bir-uygulama-gelistirme\/"},"modified":"2024-11-03T01:30:09","modified_gmt":"2024-11-02T22:30:09","slug":"marvel-karakterlerini-react-ve-marvel-api-ile-gosteren-bir-uygulama-gelistirme","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/marvel-karakterlerini-react-ve-marvel-api-ile-gosteren-bir-uygulama-gelistirme\/","title":{"rendered":"Marvel Karakterlerini React ve Marvel API ile G\u00f6steren Bir Uygulama Geli\u015ftirme"},"content":{"rendered":"

Marvel Karakterlerini React ve Marvel API ile G\u00f6steren Bir Uygulama Geli\u015ftirme<\/p>\n

Marvel evreninin hayran\u0131ysan\u0131z ve React ile web geli\u015ftirmeye ilgi duyuyorsan\u0131z, bu makale tam size g\u00f6re! Bu yaz\u0131da, Marvel API’sini kullanarak React ile etkile\u015fimli bir Marvel karakter g\u00f6steri uygulamas\u0131 nas\u0131l olu\u015fturulaca\u011f\u0131n\u0131 ad\u0131m ad\u0131m ele alaca\u011f\u0131z. Uygulamam\u0131z, kullan\u0131c\u0131lar\u0131n farkl\u0131 Marvel karakterlerini ke\u015ffedebilece\u011fi, \u00f6zelliklerine g\u00f6z atabilece\u011fi ve g\u00f6rsellerini g\u00f6r\u00fcnt\u00fcleyebilece\u011fi bir platform sa\u011flayacakt\u0131r.<\/p>\n

1. Proje Kurulumu<\/h2>\n

\u00d6ncelikle, yeni bir React projesi olu\u015fturarak ba\u015flayal\u0131m. Bunun i\u00e7in komut sat\u0131r\u0131nda a\u015fa\u011f\u0131daki komutu \u00e7al\u0131\u015ft\u0131rabilirsiniz:<\/p>\n

“`bash
\nnpx create-react-app marvel-character-showcase
\n“`<\/p>\n

Komut \u00e7al\u0131\u015ft\u0131r\u0131ld\u0131ktan sonra yeni projenizin bulundu\u011fu klas\u00f6re gidin:<\/p>\n

“`bash
\ncd marvel-character-showcase
\n“`<\/p>\n

2. Marvel API’ye Eri\u015fmek<\/h2>\n

Marvel karakterlerine eri\u015fmek i\u00e7in Marvel API’sine ihtiyac\u0131m\u0131z var. API’ye eri\u015fmek i\u00e7in \u00fccretsiz bir API anahtar\u0131 edinmemiz gerekecek. Marvel Developer Portal\u0131<\/a>‘ndan bir hesap olu\u015fturabilir ve bir anahtar talep edebilirsiniz.<\/p>\n

3. API \u0130stekleri<\/h2>\n

API anahtar\u0131n\u0131 ald\u0131ktan sonra, React uygulamas\u0131ndan API’ye isteyler g\u00f6ndermek i\u00e7in gerekli kodlar\u0131 yazabiliriz. Bu b\u00f6l\u00fcmde, fetch API’sini kullanarak Marvel API’sinden karakter bilgilerini \u00e7eken bir fonksiyon olu\u015fturaca\u011f\u0131z:<\/p>\n

“`javascript
\nimport React, { useState, useEffect } from ‘react’;<\/p>\n

function App() {
\n const [characters, setCharacters] = useState([]);<\/p>\n

useEffect(() => {
\n const fetchData = async () => {
\n const apiKey = ‘YOUR_API_KEY’; \/\/ API anahtar\u0131n\u0131z\u0131 buraya ekleyin
\n const response = await fetch(`https:\/\/gateway.marvel.com\/v1\/public\/characters?ts=1&apikey=${apiKey}&hash=YOUR_HASH`); \/\/ Hash de\u011ferini hesaplay\u0131n
\n const data = await response.json();
\n setCharacters(data.data.results);
\n };
\n fetchData();
\n }, []);<\/p>\n

\/\/ … (Kalan kod)
\n}<\/p>\n

export default App;
\n“`<\/p>\n

Yukar\u0131daki kodda, API anahtar\u0131n\u0131z\u0131 ve hash de\u011ferini eklemeniz gerekiyor. Hash de\u011ferini hesaplamak i\u00e7in Marvel API’sindeki dok\u00fcmantasyona g\u00f6z atabilirsiniz. <\/p>\n

4. Verileri G\u00f6sterme<\/h2>\n

API’den karakter verilerini \u00e7ektikten sonra, bunlar\u0131 kullan\u0131c\u0131 aray\u00fcz\u00fcnde g\u00f6sterebiliriz. Her karakter i\u00e7in bir kart olu\u015fturabilir ve kartta karakterin ad\u0131n\u0131, g\u00f6rselini ve k\u0131sa bir tan\u0131t\u0131m\u0131n\u0131 g\u00f6sterebiliriz.<\/p>\n

“`javascript
\n\/\/ … (Di\u011fer kod)<\/p>\n

function App() {
\n \/\/ … (Di\u011fer kod)<\/p>\n

return (<\/p>\n

\n Marvel Karakterleri<\/p>\n
\n {characters.map((character) => (<\/p>\n
\n {character.name}<\/p>\n

{character.name}<\/h2>\n

{character.description}<\/p>\n<\/p><\/div>\n

))}\n <\/p><\/div>\n<\/p><\/div>\n

);
\n}<\/p>\n

\/\/ … (Di\u011fer kod)
\n“`<\/p>\n

Bu kod, her karakter i\u00e7in bir kart olu\u015fturur ve karakterin ad\u0131n\u0131, g\u00f6rselini ve a\u00e7\u0131klamas\u0131n\u0131 g\u00f6r\u00fcnt\u00fcler. `` etiketi i\u00e7erisinde `character.thumbnail.path` ve `character.thumbnail.extension` kullanarak API’den gelen karakterin g\u00f6rsel URL’sini olu\u015fturduk.<\/p>\n

5. Uygulamay\u0131 Geli\u015ftirme<\/h2>\n

Uygulamay\u0131 daha etkile\u015fimli hale getirmek i\u00e7in, kullan\u0131c\u0131n\u0131n karakterleri arama \u00f6zelli\u011fi ekleyebilir, karakterlerin ayr\u0131nt\u0131lar\u0131n\u0131 g\u00f6rebilece\u011fi bir modal penceresi olu\u015fturabilir veya karakterleri kategorilere ay\u0131rabilirsiniz. <\/p>\n

Ayr\u0131ca, CSS ile uygulamaya daha g\u00fczel bir g\u00f6r\u00fcn\u00fcm kazand\u0131rabilirsiniz. Sitemde<\/a> daha fazla React ve API \u00f6rnekleri bulabilirsiniz.<\/p>\n

Sonu\u00e7<\/h2>\n

Bu makalede, Marvel API’sini kullanarak React ile bir Marvel karakter g\u00f6steri uygulamas\u0131 olu\u015fturmay\u0131 ad\u0131m ad\u0131m \u00f6\u011frendik. Uygulamay\u0131 daha da geli\u015ftirmek ve \u00f6zelle\u015ftirmek i\u00e7in kullanabilece\u011finiz bir\u00e7ok yol var. API dok\u00fcmantasyonunu inceleyerek farkl\u0131 \u00f6zelliklere eri\u015febilir ve uygulaman\u0131z\u0131 kendi ihtiya\u00e7lar\u0131n\u0131za g\u00f6re \u015fekillendirebilirsiniz.<\/p>\n

#Etiketler<\/h2>\n

* Marvel API
\n* React
\n* Web Geli\u015ftirme
\n* API \u0130stekleri
\n* Karakter G\u00f6steri
\n* Marvel Karakterleri
\n* Uygulama Geli\u015ftirme
\n* Javascript
\n* Fetch API
\n* CSS
\n* Programlama
\n* Uygulama Tasar\u0131m\u0131<\/p>\n","protected":false},"excerpt":{"rendered":"Marvel Karakterlerini React ve Marvel API ile G\u00f6steren Bir Uygulama Geli\u015ftirme Marvel evreninin hayran\u0131ysan\u0131z ve React ile web…","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-2779","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\nMarvel Karakterlerini React ve Marvel API ile G\u00f6steren Bir Uygulama Geli\u015ftirme<\/title>\n<meta name=\"description\" content=\"Marvel evreninin hayran\u0131ysan\u0131z ve React ile web geli\u015ftirmeye ilgi duyuyorsan\u0131z, bu makale tam size g\u00f6re! Bu yaz\u0131da, Marvel API'sini kullanarak React ile etkile\u015fimli bir Marvel karakter g\u00f6steri uygulamas\u0131 nas\u0131l olu\u015fturulaca\u011f\u0131n\u0131 ad\u0131m ad\u0131m ele alaca\u011f\u0131z. Uygulamam\u0131z, kullan\u0131c\u0131lar\u0131n farkl\u0131 Marvel karakterlerini ke\u015ffedebilece\u011fi, \u00f6zelliklerine g\u00f6z atabilece\u011fi ve g\u00f6rsellerini g\u00f6r\u00fcnt\u00fcleyebilece\u011fi bir platform sa\u011flayacakt\u0131r.\" \/>\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\/marvel-karakterlerini-react-ve-marvel-api-ile-gosteren-bir-uygulama-gelistirme\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Marvel Karakterlerini React ve Marvel API ile G\u00f6steren Bir Uygulama Geli\u015ftirme\" \/>\n<meta property=\"og:description\" content=\"Marvel evreninin hayran\u0131ysan\u0131z ve React ile web geli\u015ftirmeye ilgi duyuyorsan\u0131z, bu makale tam size g\u00f6re! Bu yaz\u0131da, Marvel API'sini kullanarak React ile etkile\u015fimli bir Marvel karakter g\u00f6steri uygulamas\u0131 nas\u0131l olu\u015fturulaca\u011f\u0131n\u0131 ad\u0131m ad\u0131m ele alaca\u011f\u0131z. Uygulamam\u0131z, kullan\u0131c\u0131lar\u0131n farkl\u0131 Marvel karakterlerini ke\u015ffedebilece\u011fi, \u00f6zelliklerine g\u00f6z atabilece\u011fi ve g\u00f6rsellerini g\u00f6r\u00fcnt\u00fcleyebilece\u011fi bir platform sa\u011flayacakt\u0131r.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/marvel-karakterlerini-react-ve-marvel-api-ile-gosteren-bir-uygulama-gelistirme\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2024-11-02T22:30:09+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\/marvel-karakterlerini-react-ve-marvel-api-ile-gosteren-bir-uygulama-gelistirme\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/marvel-karakterlerini-react-ve-marvel-api-ile-gosteren-bir-uygulama-gelistirme\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"Marvel Karakterlerini React ve Marvel API ile G\u00f6steren Bir Uygulama Geli\u015ftirme\",\"datePublished\":\"2024-11-02T22:30:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/marvel-karakterlerini-react-ve-marvel-api-ile-gosteren-bir-uygulama-gelistirme\/\"},\"wordCount\":567,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/marvel-karakterlerini-react-ve-marvel-api-ile-gosteren-bir-uygulama-gelistirme\/#respond\"]}],\"copyrightYear\":\"2024\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/marvel-karakterlerini-react-ve-marvel-api-ile-gosteren-bir-uygulama-gelistirme\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/marvel-karakterlerini-react-ve-marvel-api-ile-gosteren-bir-uygulama-gelistirme\/\",\"name\":\"Marvel Karakterlerini React ve Marvel API ile G\u00f6steren Bir Uygulama Geli\u015ftirme\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2024-11-02T22:30:09+00:00\",\"description\":\"Marvel evreninin hayran\u0131ysan\u0131z ve React ile web geli\u015ftirmeye ilgi duyuyorsan\u0131z, bu makale tam size g\u00f6re! Bu yaz\u0131da, Marvel API'sini kullanarak React ile etkile\u015fimli bir Marvel karakter g\u00f6steri uygulamas\u0131 nas\u0131l olu\u015fturulaca\u011f\u0131n\u0131 ad\u0131m ad\u0131m ele alaca\u011f\u0131z. Uygulamam\u0131z, kullan\u0131c\u0131lar\u0131n farkl\u0131 Marvel karakterlerini ke\u015ffedebilece\u011fi, \u00f6zelliklerine g\u00f6z atabilece\u011fi ve g\u00f6rsellerini g\u00f6r\u00fcnt\u00fcleyebilece\u011fi bir platform sa\u011flayacakt\u0131r.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/marvel-karakterlerini-react-ve-marvel-api-ile-gosteren-bir-uygulama-gelistirme\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/marvel-karakterlerini-react-ve-marvel-api-ile-gosteren-bir-uygulama-gelistirme\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/marvel-karakterlerini-react-ve-marvel-api-ile-gosteren-bir-uygulama-gelistirme\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Marvel Karakterlerini React ve Marvel API ile G\u00f6steren Bir Uygulama Geli\u015ftirme\"}]},{\"@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":"Marvel Karakterlerini React ve Marvel API ile G\u00f6steren Bir Uygulama Geli\u015ftirme","description":"Marvel evreninin hayran\u0131ysan\u0131z ve React ile web geli\u015ftirmeye ilgi duyuyorsan\u0131z, bu makale tam size g\u00f6re! Bu yaz\u0131da, Marvel API'sini kullanarak React ile etkile\u015fimli bir Marvel karakter g\u00f6steri uygulamas\u0131 nas\u0131l olu\u015fturulaca\u011f\u0131n\u0131 ad\u0131m ad\u0131m ele alaca\u011f\u0131z. Uygulamam\u0131z, kullan\u0131c\u0131lar\u0131n farkl\u0131 Marvel karakterlerini ke\u015ffedebilece\u011fi, \u00f6zelliklerine g\u00f6z atabilece\u011fi ve g\u00f6rsellerini g\u00f6r\u00fcnt\u00fcleyebilece\u011fi bir platform sa\u011flayacakt\u0131r.","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\/marvel-karakterlerini-react-ve-marvel-api-ile-gosteren-bir-uygulama-gelistirme\/","og_locale":"tr_TR","og_type":"article","og_title":"Marvel Karakterlerini React ve Marvel API ile G\u00f6steren Bir Uygulama Geli\u015ftirme","og_description":"Marvel evreninin hayran\u0131ysan\u0131z ve React ile web geli\u015ftirmeye ilgi duyuyorsan\u0131z, bu makale tam size g\u00f6re! Bu yaz\u0131da, Marvel API'sini kullanarak React ile etkile\u015fimli bir Marvel karakter g\u00f6steri uygulamas\u0131 nas\u0131l olu\u015fturulaca\u011f\u0131n\u0131 ad\u0131m ad\u0131m ele alaca\u011f\u0131z. Uygulamam\u0131z, kullan\u0131c\u0131lar\u0131n farkl\u0131 Marvel karakterlerini ke\u015ffedebilece\u011fi, \u00f6zelliklerine g\u00f6z atabilece\u011fi ve g\u00f6rsellerini g\u00f6r\u00fcnt\u00fcleyebilece\u011fi bir platform sa\u011flayacakt\u0131r.","og_url":"https:\/\/fatihsoysal.com\/blog\/marvel-karakterlerini-react-ve-marvel-api-ile-gosteren-bir-uygulama-gelistirme\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2024-11-02T22:30:09+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\/marvel-karakterlerini-react-ve-marvel-api-ile-gosteren-bir-uygulama-gelistirme\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/marvel-karakterlerini-react-ve-marvel-api-ile-gosteren-bir-uygulama-gelistirme\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"Marvel Karakterlerini React ve Marvel API ile G\u00f6steren Bir Uygulama Geli\u015ftirme","datePublished":"2024-11-02T22:30:09+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/marvel-karakterlerini-react-ve-marvel-api-ile-gosteren-bir-uygulama-gelistirme\/"},"wordCount":567,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/marvel-karakterlerini-react-ve-marvel-api-ile-gosteren-bir-uygulama-gelistirme\/#respond"]}],"copyrightYear":"2024","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/marvel-karakterlerini-react-ve-marvel-api-ile-gosteren-bir-uygulama-gelistirme\/","url":"https:\/\/fatihsoysal.com\/blog\/marvel-karakterlerini-react-ve-marvel-api-ile-gosteren-bir-uygulama-gelistirme\/","name":"Marvel Karakterlerini React ve Marvel API ile G\u00f6steren Bir Uygulama Geli\u015ftirme","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2024-11-02T22:30:09+00:00","description":"Marvel evreninin hayran\u0131ysan\u0131z ve React ile web geli\u015ftirmeye ilgi duyuyorsan\u0131z, bu makale tam size g\u00f6re! Bu yaz\u0131da, Marvel API'sini kullanarak React ile etkile\u015fimli bir Marvel karakter g\u00f6steri uygulamas\u0131 nas\u0131l olu\u015fturulaca\u011f\u0131n\u0131 ad\u0131m ad\u0131m ele alaca\u011f\u0131z. Uygulamam\u0131z, kullan\u0131c\u0131lar\u0131n farkl\u0131 Marvel karakterlerini ke\u015ffedebilece\u011fi, \u00f6zelliklerine g\u00f6z atabilece\u011fi ve g\u00f6rsellerini g\u00f6r\u00fcnt\u00fcleyebilece\u011fi bir platform sa\u011flayacakt\u0131r.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/marvel-karakterlerini-react-ve-marvel-api-ile-gosteren-bir-uygulama-gelistirme\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/marvel-karakterlerini-react-ve-marvel-api-ile-gosteren-bir-uygulama-gelistirme\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/marvel-karakterlerini-react-ve-marvel-api-ile-gosteren-bir-uygulama-gelistirme\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Marvel Karakterlerini React ve Marvel API ile G\u00f6steren Bir Uygulama Geli\u015ftirme"}]},{"@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\/2779","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=2779"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/2779\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=2779"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=2779"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=2779"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}