React Nedir?
React, kullanıcı arayüzleri oluşturmak için kullanılan açık kaynak bir JavaScript kütüphanesidir. Facebook'ta, yani bugünkü Meta'da geliştirildi ve 2013'te açık kaynak olarak yayımlandı. React'te bir arayüz, bileşenlerden oluşan bir ağaçtır: bir düğme, bir kart, bir form ya da bütün bir sayfa. Her biri, gereken her yerde yeniden kullanılabilen, kendi içinde bütün bir kod parçasıdır.
React bildirimsel (declarative) çalışır: tarayıcıya neyi değiştireceğini adım adım söylemek yerine, arayüzün belirli bir durumda, örneğin “sepet boş” ya da “üç ürün var” durumunda nasıl görünmesi gerektiğini tarif ederiz; React de sayfanın yalnızca değişen kısımlarını günceller. Bileşenler genellikle JavaScript içinde HTML'ye benzeyen JSX ile yazılır ve verileri props aracılığıyla alır; useState ve useEffect gibi hook'lar da durumu ve veri yükleme gibi işleri yönetir.
React, MIT lisansıyla ücretsizdir. Meta, Şubat 2026'da React'i Linux Foundation çatısı altındaki bağımsız React Foundation'a devretti; vakfın üyeleri arasında Meta, Microsoft ve Amazon da var. Teknik yönünü ise React'i geliştiren ve sürdüren kişiler belirlemeye devam ediyor. React yalnızca arayüze odaklanır; yönlendirme, sunucuda işleme ve SEO için çoğu zaman Next.js gibi bir çatıyla birlikte kullanılır.
React'i Nerede Kullanıyoruz?
Bir sayfanın belgeden çok bir uygulama gibi davranması gerektiğinde React'e başvuruyoruz. En çok şu işlere uyuyor:
Paneller ve Müşteri Portalları
Ekibinizin ya da müşterilerinizin giriş yapıp verilerini gördüğü, tabloları filtrelediği ve kayıtları güncellediği paneller. React, karmaşık ekranları büyüdükçe de hızlı ve düzenli tutuyor.
Etkileşimli Bölümler
Sade bir sayfanın içinde fiyat hesaplayıcı, ürün yapılandırıcı ya da rezervasyon formu. React bileşenini yalnızca gereken yere ekliyor, sayfanın geri kalanını hafif tutuyoruz.
Figma Kütüphanenizden Bileşenler
Figma'daki tasarım sisteminizin düğme, kart ve form gibi bileşenlerini aynı adlar ve varyantlarla React bileşenlerine dönüştürüyoruz; tasarım ile kod aynı çizgide ilerliyor.
Next.js ile Web Uygulamaları
Büyük siteler ve uygulamalarda React'i Next.js ile kullanıyoruz: herkese açık sayfalar hız ve arama motorları için sunucuda işleniyor; her dil için ayrı adresler de dahil olmak üzere yönlendirmeyi çatı üstleniyor.
Neden React?
Yeniden Kullanılabilir Parçalar
Bir düğme ya da kart bir kez kurulur ve her yerde kullanılır. Onu tek yerde iyileştirmek bütün ekranları günceller; büyük arayüzler tutarlı kalır, her değişiklik daha çabuk yapılır.
Büyüdükçe Öngörülebilir
Veri tek yönde, üst bileşenden alttakilere akar ve her bileşen tam olarak durumunun söylediğini gösterir. Karmaşık ekranlar daha kolay izlenir, test edilir ve genişletilir.
Geniş ve Kalıcı Bir Ekosistem
React'in arkasında bağımsız bir vakıf ve geniş bir topluluk var; formlar, grafikler, haritalar ve erişilebilirlik için bakımı süren araçlar bulunuyor. Onu bilen pek çok geliştirici olduğundan ileride bakımı sürdürmek de kolaylaşıyor.
Projenizde Nasıl İlerliyoruz?
Figma'daki tasarım sisteminden başlıyoruz: bileşenleri varyantları ve durumlarıyla listeliyor, ardından en küçük parçalardan bütün ekranlara doğru, çoğunlukla TypeScript ile React'te kuruyoruz. Her bileşen bir sayfaya girmeden önce tek başına kontrol ediliyor.
Yayından önce ekranları klavyeyle ve ekran okuyucuyla deniyor, hızı ve tepki süresini Lighthouse ve PageSpeed Insights ile ölçüyor, arama motorlarına yönelik içeriğin hazır HTML olarak ulaştığından emin oluyoruz. Teslimde ekibiniz kodu ve içeriğin nasıl güncelleneceğini gösteren bir eğitimi alıyor.
