Modern web geli\u015ftirme d\u00fcnyas\u0131nda h\u0131z, esneklik ve \u00fcst\u00fcn kullan\u0131c\u0131 deneyimi sunmak, her geli\u015ftiricinin \u00f6ncelikli hedeflerinden biridir. Peki, bu hedeflere ula\u015fmak i\u00e7in en etkili ara\u00e7lar nelerdir ve topluluk kat\u0131l\u0131m\u0131 bu s\u00fcre\u00e7te ne kadar kritik bir rol oynar? KendoReact, bu sorulara yan\u0131t verirken, d\u00fczenledi\u011fi “\u00dccretsiz Bile\u015fenler Yar\u0131\u015fmas\u0131” ile hem geli\u015ftiricileri yenilik\u00e7i \u00e7\u00f6z\u00fcmler \u00fcretmeye te\u015fvik ediyor hem de k\u00fct\u00fcphanesini s\u00fcrekli olarak zenginle\u015ftiriyor. Bu makalede, yar\u0131\u015fman\u0131n \u00f6nemini, kazanan projelerin getirdi\u011fi yenilikleri ve KendoReact ile bile\u015fen geli\u015ftirme s\u00fcre\u00e7lerini derinlemesine inceleyece\u011fiz.<\/p>\n
G\u00fcn\u00fcm\u00fcz\u00fcn rekabet\u00e7i dijital ortam\u0131nda, kullan\u0131c\u0131lar\u0131n beklentileri her zamankinden daha y\u00fcksek. Uygulamalar\u0131n h\u0131zl\u0131 y\u00fcklenmesi, kusursuz \u00e7al\u0131\u015fmas\u0131 ve sezgisel bir aray\u00fcze sahip olmas\u0131 art\u0131k bir standart haline geldi. Bu ba\u011flamda, React gibi pop\u00fcler bir JavaScript k\u00fct\u00fcphanesi ile geli\u015ftirme yapan front-end m\u00fchendisleri i\u00e7in kaliteli, eri\u015filebilir ve performans\u0131 y\u00fcksek UI (Kullan\u0131c\u0131 Aray\u00fcz\u00fc) bile\u015fenlerine olan ihtiya\u00e7 hi\u00e7 bitmiyor. KendoReact, bu ihtiyac\u0131 kar\u015f\u0131lamak \u00fczere tasarlanm\u0131\u015f, kapsaml\u0131 bir React UI bile\u015fenleri koleksiyonu sunar. Ancak, KendoReact’in misyonu sadece haz\u0131r \u00e7\u00f6z\u00fcmler sunmakla kalmaz; ayn\u0131 zamanda geli\u015ftirici toplulu\u011funu da bu ekosisteme dahil etmeyi hedefler.<\/p>\n
\u0130\u015fte tam bu noktada “KendoReact \u00dccretsiz Bile\u015fenler Yar\u0131\u015fmas\u0131” devreye giriyor. Bu yar\u0131\u015fma, sadece KendoReact’in sundu\u011fu olanaklar\u0131 sergilemekle kalm\u0131yor, ayn\u0131 zamanda d\u00fcnya genelindeki geli\u015ftiricilerin yarat\u0131c\u0131l\u0131klar\u0131n\u0131 ve problem \u00e7\u00f6zme yeteneklerini ortaya koymalar\u0131 i\u00e7in e\u015fsiz bir platform sa\u011fl\u0131yor. Yar\u0131\u015fman\u0131n temel amac\u0131, KendoReact ekosistemine yeni ve inovatif \u00fccretsiz bile\u015fenler kazand\u0131rmak, b\u00f6ylece k\u00fct\u00fcphanenin kapsam\u0131n\u0131 geni\u015fletmek ve daha fazla geli\u015ftiriciye ula\u015fmakt\u0131r. Kat\u0131l\u0131mc\u0131lar, belirli temalar veya serbest konularda kendi React bile\u015fenlerini tasarlar, geli\u015ftirir ve sunarlar. Bu s\u00fcre\u00e7, sadece bireysel becerileri art\u0131rmakla kalmaz, ayn\u0131 zamanda a\u00e7\u0131k kaynak k\u00fclt\u00fcr\u00fc ve topluluk i\u015f birli\u011finin \u00f6nemini de vurgular.<\/p>\n
Yar\u0131\u015fman\u0131n sonu\u00e7lar\u0131, geli\u015ftirme d\u00fcnyas\u0131 i\u00e7in bir ilham kayna\u011f\u0131d\u0131r. Kazanan projeler, yaln\u0131zca teknik m\u00fckemmellikleriyle de\u011fil, ayn\u0131 zamanda kullan\u0131c\u0131 deneyimine getirdikleri yenilik\u00e7i yakla\u015f\u0131mlar ve kar\u015f\u0131lad\u0131klar\u0131 ger\u00e7ek d\u00fcnya ihtiya\u00e7lar\u0131yla da dikkat \u00e7eker. Bu bile\u015fenler, karma\u015f\u0131k veri tablolar\u0131ndan etkile\u015fimli grafiklere, dinamik form \u00f6\u011felerinden \u00f6zelle\u015ftirilebilir navigasyon men\u00fclerine kadar geni\u015f bir yelpazeyi kapsayabilir. KendoReact ekibi, bu yar\u0131\u015fmalar arac\u0131l\u0131\u011f\u0131yla hem k\u00fct\u00fcphanenin geli\u015fimine katk\u0131da bulunuyor hem de geli\u015ftiricilere de\u011ferli \u00f6d\u00fcller ve tan\u0131nma f\u0131rsatlar\u0131 sunuyor. Sonu\u00e7 olarak, bu t\u00fcr inisiyatifler, teknoloji d\u00fcnyas\u0131nda inovasyonun s\u00fcrekli te\u015fvik edilmesini ve topluluk temelli b\u00fcy\u00fcmenin \u00f6nemini bir kez daha g\u00f6zler \u00f6n\u00fcne seriyor.<\/p>\n
KendoReact, modern web uygulamalar\u0131n\u0131n geli\u015ftirme s\u00fcrecini h\u0131zland\u0131rmak ve karma\u015f\u0131kl\u0131\u011f\u0131 azaltmak i\u00e7in tasarlanm\u0131\u015f kapsaml\u0131 bir UI bile\u015fen k\u00fct\u00fcphanesidir. React’in g\u00fcc\u00fcn\u00fc ve esnekli\u011fini kullanan KendoReact, veri tablolar\u0131 (DataGrid), \u00e7izelgeler (Charts), form elemanlar\u0131 ve navigasyon ara\u00e7lar\u0131 gibi y\u00fczlerce profesyonel kalitede bile\u015fen sunar. Bu bile\u015fenler, performans, eri\u015filebilirlik (WCAG uyumlulu\u011fu) ve tema \u00f6zelle\u015ftirme konular\u0131nda y\u00fcksek standartlara sahiptir. Ancak, KendoReact’in sundu\u011fu t\u00fcm bu \u00f6zellikler aras\u0131nda, “\u00fccretsiz bile\u015fenler” kategorisi \u00f6zel bir yere sahiptir. Peki, neden bir \u015firket, bu kadar de\u011ferli bile\u015fenleri \u00fccretsiz olarak sunma yolunu se\u00e7er?<\/p>\n
\u00dccretsiz bile\u015fenler, genellikle k\u00fct\u00fcphaneyi daha geni\u015f bir geli\u015ftirici kitlesine tan\u0131tmak, onlara KendoReact’in kalitesi ve kullan\u0131m kolayl\u0131\u011f\u0131 hakk\u0131nda bir fikir vermek i\u00e7in stratejik bir ara\u00e7 olarak kullan\u0131l\u0131r. Bu bile\u015fenler, yeni ba\u015flayanlar veya b\u00fct\u00e7e k\u0131s\u0131tlamalar\u0131 olan k\u00fc\u00e7\u00fck projeler i\u00e7in harika bir ba\u015flang\u0131\u00e7 noktas\u0131 sunar. Ayn\u0131 zamanda, KendoReact toplulu\u011funun b\u00fcy\u00fcmesine ve aktif kalmas\u0131na yard\u0131mc\u0131 olur. “\u00dccretsiz Bile\u015fenler Yar\u0131\u015fmas\u0131” ise, bu felsefenin bir uzant\u0131s\u0131d\u0131r. Yar\u0131\u015fma, toplulu\u011fun kendi ihtiya\u00e7lar\u0131na y\u00f6nelik, yenilik\u00e7i \u00e7\u00f6z\u00fcmler \u00fcretmesini te\u015fvik ederken, bu \u00e7\u00f6z\u00fcmlerin KendoReact ekosistemine entegre edilerek herkesin faydalanabilece\u011fi a\u00e7\u0131k kaynakl\u0131 kaynaklar haline gelmesini sa\u011flar.<\/p>\n
Yar\u0131\u015fmaya kat\u0131lan projelerden beklentiler olduk\u00e7a y\u00fcksektir ve belirli kriterlere g\u00f6re titizlikle de\u011ferlendirilir. En ba\u015fta gelen kriterlerden biri elbette “yenilik\u00e7iliktir”. Sunulan bile\u015fenin mevcut bir soruna \u00f6zg\u00fcn bir \u00e7\u00f6z\u00fcm getirip getirmedi\u011fi, kullan\u0131c\u0131 deneyimini nas\u0131l iyile\u015ftirdi\u011fi veya daha \u00f6nce ele al\u0131nmam\u0131\u015f bir ihtiyac\u0131 kar\u015f\u0131lay\u0131p kar\u015f\u0131lamad\u0131\u011f\u0131 b\u00fcy\u00fck \u00f6nem ta\u015f\u0131r. “Kod Kalitesi” bir di\u011fer kritik fakt\u00f6rd\u00fcr; temiz, bak\u0131m\u0131 kolay, iyi belgelenmi\u015f ve performansa duyarl\u0131 kodlar her zaman takdir edilir. Ayr\u0131ca, bile\u015fenin “uygulanabilirli\u011fi” ve “genel kullan\u0131labilirli\u011fi” de de\u011ferlendirilir; yani, farkl\u0131 projelerde ne kadar kolay adapte edilebilece\u011fi ve geni\u015f bir geli\u015ftirici kitlesi taraf\u0131ndan ne kadar faydal\u0131 bulunaca\u011f\u0131 g\u00f6z \u00f6n\u00fcnde bulundurulur. Son olarak, “dok\u00fcmantasyon” ve “test kapsam\u0131” da \u00f6nemlidir; bir bile\u015fenin ne kadar iyi tasarland\u0131\u011f\u0131 kadar, ba\u015fkalar\u0131 taraf\u0131ndan ne kadar kolay anla\u015f\u0131labilece\u011fi ve kullan\u0131labilece\u011fi de projenin ba\u015far\u0131s\u0131nda belirleyici rol oynar. Bu titiz de\u011ferlendirme s\u00fcreci sayesinde, KendoReact ekosistemine ger\u00e7ekten de\u011ferli ve y\u00fcksek kaliteli bile\u015fenler kazand\u0131r\u0131l\u0131rken, kazanan geli\u015ftiricilere de emeklerinin kar\u015f\u0131l\u0131\u011f\u0131 olarak hem tan\u0131nma hem de \u00e7e\u015fitli \u00f6d\u00fcller sunulur.<\/p>\n
KendoReact \u00dccretsiz Bile\u015fenler Yar\u0131\u015fmas\u0131, her zaman \u00e7arp\u0131c\u0131 ve pratik \u00e7\u00f6z\u00fcmlerle dolu projeleri ortaya \u00e7\u0131kar\u0131r. Bu yar\u0131\u015fman\u0131n kazanan projeleri, sadece teknik m\u00fckemmellikleriyle de\u011fil, ayn\u0131 zamanda ger\u00e7ek d\u00fcnya senaryolar\u0131na getirdikleri inovatif yakla\u015f\u0131mlarla da dikkat \u00e7eker. Gelin, bu projelerden baz\u0131 hayali \u00f6rnekler \u00fczerinden, geli\u015ftiricilerin ne t\u00fcr problemlere \u00e7\u00f6z\u00fcm buldu\u011funu ve bu \u00e7\u00f6z\u00fcmlerin i\u015f d\u00fcnyas\u0131na nas\u0131l katk\u0131 sa\u011flad\u0131\u011f\u0131n\u0131 inceleyelim.<\/p>\n
Bir e-ticaret platformunda binlerce \u00fcr\u00fcn aras\u0131ndan kullan\u0131c\u0131lar\u0131n istedikleri \u00fcr\u00fcn\u00fc bulmas\u0131, bazen olduk\u00e7a karma\u015f\u0131k bir s\u00fcre\u00e7 olabilir. Geleneksel filtreleme se\u00e7enekleri yetersiz kalabilir veya kullan\u0131c\u0131lar\u0131n dinamik sorgular olu\u015fturmas\u0131na izin vermeyebilir. Bu yar\u0131\u015fman\u0131n kazananlar\u0131ndan biri olan “Geli\u015fmi\u015f Veri Filtreleme ve Sorgulama Bile\u015feni”, bu soruna kapsaml\u0131 bir \u00e7\u00f6z\u00fcm sunmu\u015ftur. Proje, KendoReact’in DataGrid bile\u015feni ile entegre \u00e7al\u0131\u015farak, kullan\u0131c\u0131lara birden fazla kriteri ayn\u0131 anda uygulayabilme, mant\u0131ksal operat\u00f6rler (VE, VEYA, DE\u011e\u0130L) kullanarak karma\u015f\u0131k sorgular olu\u015fturma ve hatta kendi \u00f6zel filtreleme algoritmalar\u0131n\u0131 tan\u0131mlama yetene\u011fi kazand\u0131r\u0131r. Bu bile\u015fen, dinamik kullan\u0131c\u0131 aray\u00fcz\u00fc sayesinde, SQL benzeri sorgular\u0131 g\u00f6rsel bir \u015fekilde olu\u015fturmay\u0131 m\u00fcmk\u00fcn k\u0131lar, b\u00f6ylece teknik bilgisi olmayan kullan\u0131c\u0131lar bile verimli aramalar yapabilir.<\/p>\n
Ger\u00e7ek d\u00fcnya uygulamas\u0131nda, b\u00fcy\u00fck bir moda perakendecisi bu bile\u015feni e-ticaret sitesine entegre etmi\u015ftir. \u00d6nceden, kullan\u0131c\u0131lar sadece kategori, beden veya renk gibi temel filtreleri kullanabiliyordu. Yeni bile\u015fen sayesinde, kullan\u0131c\u0131lar “sadece indirimdeki, belirli bir markan\u0131n, %100 pamuklu ve 50-100 dolar aras\u0131ndaki \u00fcr\u00fcnlerini” gibi \u00e7ok daha spesifik aramalar yapabilir hale geldi. Bu entegrasyon, kullan\u0131c\u0131 memnuniyetini %20 oran\u0131nda art\u0131r\u0131rken, arama sonu\u00e7lar\u0131nda isabetlili\u011fi %35 y\u00fckseltmi\u015ftir. Ayr\u0131ca, site i\u00e7i arama s\u00fcresi k\u0131salm\u0131\u015f ve d\u00f6n\u00fc\u015f\u00fcm oranlar\u0131 \u00fczerinde olumlu bir etki g\u00f6zlenmi\u015ftir. Bu proje, kullan\u0131c\u0131lar\u0131n verilerle etkile\u015fimini basitle\u015ftirerek, karma\u015f\u0131k i\u015flevleri bile herkesin eri\u015febilece\u011fi hale getirmenin m\u00fckemmel bir \u00f6rne\u011fidir.<\/p>\n
Finans, sa\u011fl\u0131k veya lojistik gibi sekt\u00f6rlerde, ger\u00e7ek zamanl\u0131 verilerin izlenmesi hayati \u00f6neme sahiptir. Ancak, bu verileri anla\u015f\u0131l\u0131r ve etkile\u015fimli bir \u015fekilde sunmak genellikle zorlu bir g\u00f6revdir. Bir ba\u015fka kazanan proje olan “Etkile\u015fimli Ger\u00e7ek Zamanl\u0131 G\u00f6sterge Paneli Bile\u015feni”, bu alandaki bir bo\u015flu\u011fu doldurmu\u015ftur. Bu bile\u015fen, farkl\u0131 veri kaynaklar\u0131ndan (API’ler, WebSocket’ler) gelen ak\u0131\u015f verilerini i\u015fleyerek, dinamik grafikler, \u0131s\u0131 haritalar\u0131 ve metrik kartlar\u0131 \u015feklinde g\u00f6rselle\u015ftirebilir. Kullan\u0131c\u0131lar, g\u00f6sterge paneli \u00fczerindeki widget’lar\u0131 s\u00fcr\u00fckle-b\u0131rak y\u00f6ntemiyle ki\u015fiselle\u015ftirebilir, veri ak\u0131\u015f h\u0131z\u0131n\u0131 ayarlayabilir ve belirli e\u015fik de\u011ferlerine ula\u015f\u0131ld\u0131\u011f\u0131nda otomatik uyar\u0131lar alabilirler. Bile\u015fen, KendoReact’in Chart ve DataViz yeteneklerini ileri seviyede kullanarak, y\u00fcksek performansl\u0131 ve s\u00fcrekli g\u00fcncellenen g\u00f6rselle\u015ftirmeler sunar.<\/p>\n
Bu bile\u015fenin uygulanma potansiyeli y\u00fcksek bir senaryo, bir sa\u011fl\u0131k teknolojileri \u015firketinin hastane operasyonlar\u0131 y\u00f6netim sistemine entegrasyonu olmu\u015ftur. \u015eirket, hastanelerdeki yatak doluluk oranlar\u0131, ameliyathane kullan\u0131m s\u00fcreleri, acil servis bekleme s\u00fcreleri ve ila\u00e7 stok seviyeleri gibi kritik verileri anl\u0131k olarak takip etmekte zorlan\u0131yordu. Yeni g\u00f6sterge paneli sayesinde, y\u00f6neticiler tek bir ekrandan t\u00fcm bu verilere eri\u015febiliyor, ola\u011fan d\u0131\u015f\u0131 durumlar\u0131 (\u00f6rne\u011fin, bir ilac\u0131n sto\u011funun kritik seviyeye d\u00fc\u015fmesi) an\u0131nda g\u00f6rebiliyor ve buna g\u00f6re h\u0131zl\u0131 kararlar alabiliyor. Bu entegrasyon, operasyonel verimlili\u011fi art\u0131r\u0131rken, kritik durumlara m\u00fcdahale s\u00fcresini \u00f6nemli \u00f6l\u00e7\u00fcde k\u0131saltm\u0131\u015ft\u0131r. Bu t\u00fcr projeler, KendoReact’in sadece estetik de\u011fil, ayn\u0131 zamanda kritik i\u015f s\u00fcre\u00e7lerini optimize etme kapasitesini de g\u00f6zler \u00f6n\u00fcne serer.<\/p>\n
KendoReact \u00dccretsiz Bile\u015fenler Yar\u0131\u015fmas\u0131’nda ba\u015far\u0131l\u0131 olmak veya genel olarak KendoReact ile g\u00fc\u00e7l\u00fc UI bile\u015fenleri geli\u015ftirmek, belirli ad\u0131mlar\u0131 takip etmeyi ve en iyi pratikleri uygulamay\u0131 gerektirir. Bu b\u00f6l\u00fcmde, s\u0131f\u0131rdan bir KendoReact uyumlu bile\u015feni nas\u0131l geli\u015ftirece\u011finize dair ad\u0131m ad\u0131m bir rehber sunacak ve temel kod \u00f6rnekleriyle konuyu peki\u015ftirece\u011fiz. KendoReact’in sundu\u011fu olanaklar\u0131 kullanarak hem estetik hem de i\u015flevsel bile\u015fenler olu\u015fturmak hi\u00e7 de zor de\u011fil.<\/p>\n
\u0130lk ad\u0131m, bir React projesi olu\u015fturmak ve KendoReact k\u00fct\u00fcphanesini projenize dahil etmektir. Genellikle Vite veya Create React App gibi ara\u00e7lar kullan\u0131l\u0131r. Vite, h\u0131zl\u0131 ba\u015flang\u0131\u00e7 ve geli\u015ftirme deneyimi sunmas\u0131yla son zamanlarda pop\u00fclerlik kazanm\u0131\u015ft\u0131r.<\/p>\n
\n# Vite ile yeni bir React projesi olu\u015fturma\nnpm create vite@latest my-kencoreact-app -- --template react-ts\ncd my-kencoreact-app\n\n# KendoReact temel paketlerini ve bir temay\u0131 y\u00fckleme\nnpm install --save @progress\/kendo-react-buttons @progress\/kendo-react-inputs @progress\/kendo-react-intl @progress\/kendo-licensing @progress\/kendo-theme-material\n <\/pre>\n<\/code><\/p>\n
Kurulum tamamland\u0131ktan sonra, src\/main.tsx<\/code> (veya src\/index.tsx<\/code>) dosyan\u0131zda KendoReact temas\u0131n\u0131 i\u00e7e aktarmal\u0131s\u0131n\u0131z:<\/p>\n\n\/\/ src\/main.tsx\nimport React from 'react';\nimport ReactDOM from 'react-dom\/client';\nimport App from '.\/App.tsx';\nimport '.\/index.css';\nimport '@progress\/kendo-theme-material\/dist\/all.css'; \/\/ KendoReact temas\u0131\n\nReactDOM.createRoot(document.getElementById('root')!).render(\n \n <\/code><\/p>\n
2. Temel KendoReact Bile\u015feni Geli\u015ftirme<\/h3>\n
\u015eimdi, KendoReact'in haz\u0131r bile\u015fenlerini kullanarak veya kendi bile\u015fenlerimizi KendoReact stiliyle entegre ederek basit bir \u00f6rnek olu\u015ftural\u0131m. \u00d6rne\u011fin, KendoReact'in Button bile\u015fenini kullanarak \u00f6zelle\u015ftirilmi\u015f bir d\u00fc\u011fme yapabiliriz:<\/p>\n
\n\/\/ src\/components\/CustomButton.tsx\nimport React from 'react';\nimport { Button } from '@progress\/kendo-react-buttons';\nimport '.\/CustomButton.css'; \/\/ \u00d6zel stil dosyam\u0131z\n\ninterface CustomButtonProps {\n text: string;\n onClick: () => void;\n primary?: boolean;\n}\n\nconst CustomButton: React.FC = ({ text, onClick, primary = false }) => {\n return (\n \n {text}\n <\/Button>\n );\n};\n\nexport default CustomButton;\n <\/pre>\n<\/code><\/p>\n
Ve src\/components\/CustomButton.css<\/code> dosyam\u0131zda bu d\u00fc\u011fme i\u00e7in baz\u0131 \u00f6zel stiller tan\u0131mlayabiliriz:<\/p>\n\n\/* src\/components\/CustomButton.css *\/\n.kendo-custom-button {\n border-radius: 8px; \/* Daha yuvarlak k\u00f6\u015feler *\/\n padding: 10px 20px;\n font-size: 16px;\n transition: background-color 0.3s ease;\n}\n\n.kendo-custom-button.k-button-primary {\n background-color: #007bff; \/* Mavi tonu *\/\n color: white;\n}\n\n.kendo-custom-button.k-button-primary:hover {\n background-color: #0056b3;\n}\n\n.kendo-custom-button.k-button-secondary {\n background-color: #6c757d; \/* Gri tonu *\/\n color: white;\n}\n\n.kendo-custom-button.k-button-secondary:hover {\n background-color: #5a6268;\n}\n <\/pre>\n<\/code><\/p>\n
Bu d\u00fc\u011fmeyi App.tsx<\/code> dosyam\u0131zda kullanabiliriz:<\/p>\n\n\/\/ src\/App.tsx\nimport React from 'react';\nimport CustomButton from '.\/components\/CustomButton';\nimport '.\/App.css'; \/\/ Genel uygulama stilleri\n\nfunction App() {\n const handleClickPrimary = () => {\n console.log(\"Birincil d\u00fc\u011fmeye t\u0131kland\u0131!\");\n };\n\n const handleClickSecondary = () => {\n console.log(\"\u0130kincil d\u00fc\u011fmeye t\u0131kland\u0131!\");\n };\n\n return (\n \n KendoReact \u00d6zel D\u00fc\u011fme \u00d6rne\u011fi<\/h1>\n
<\/code><\/p>\n
3. Mobil Uyumluluk (Responsive Design)<\/h3>\n
Modern uygulamalar, farkl\u0131 cihazlarda sorunsuz \u00e7al\u0131\u015fmal\u0131d\u0131r. KendoReact bile\u015fenleri genellikle responsive tasar\u0131ma uygun olsa da, kendi bile\u015fenleriniz i\u00e7in \u00f6zel responsive ayarlamalar yapman\u0131z gerekebilir. CSS media query'leri, bu durumlarda en g\u00fc\u00e7l\u00fc ara\u00e7lardand\u0131r. A\u015fa\u011f\u0131daki \u00f6rnek, bir kart bile\u015feninin farkl\u0131 ekran boyutlar\u0131nda nas\u0131l farkl\u0131 g\u00f6r\u00fcnebilece\u011fini g\u00f6stermektedir:<\/p>\n
\n