React Nedir?
İngilizce: React.js
React, kullanıcı arayüzlerini yeniden kullanılabilir bileşenlere ayırarak durum değişimlerini ekrana verimli yansıtan açık kaynak JavaScript kütüphanesidir.
React Nedir?
React, kullanıcı arayüzlerini küçük, yeniden kullanılabilir bileşenler halinde geliştirmeyi sağlayan JavaScript kütüphanesidir. Bir ürün kartı, filtre paneli, modal veya tablo satırı kendi state ve props bilgisiyle ayrı bileşen olarak tasarlanabilir.
React, verinin değiştiği durumlarda arayüzün hangi parçalarının güncelleneceğini yönetir. JSX sözdizimi, JavaScript içinde HTML’e benzeyen yapı yazmaya izin verir. Hook’lar ise component state’i, yan etkiler ve özel davranışları fonksiyon bileşenlerinde yönetmek için kullanılır.
Temel Kavramlar
- Component: Arayüzün tekrar kullanılabilir parçası.
- Props: Üst bileşenden gelen veri ve ayarlar.
- State: Bileşenin zamanla değişen iç durumu.
- Hook: State, effect ve özel mantığı fonksiyon bileşenine ekleyen yapı.
İş Dünyasında Kullanımı
React; dashboard, SaaS paneli, e-ticaret arayüzü, içerik yönetim ekranı ve etkileşimli araçlarda sık kullanılır. Büyük projelerde yalnızca React seçmek yeterli değildir; routing, veri çekme, form yönetimi, erişilebilirlik, test ve performans mimarisi de belirlenmelidir.
Next.js React üzerine sunucu tarafı render ve routing özellikleri ekler; Vue.js benzer arayüz ihtiyaçlarını farklı bir component modeliyle karşılar.
İlgili Terimler
Hidrasyon, sunucudan gelen HTML'e tarayıcıda JavaScript davranışı bağlayarak statik arayüzü etkileşimli hale getirir.
Mikro Frontend (Micro Frontend)Mikro frontend, büyük bir arayüzü bağımsız ekiplerin geliştirdiği, dağıttığı ve birleştirdiği küçük uygulama parçalarına böler.
Next.jsNext.js, React uygulamalarına sunucu tarafı render, statik üretim, dosya tabanlı yönlendirme ve backend uçları ekleyen web çerçevesidir.
QwikQwik, uygulama durumunu HTML içinde sürdüren ve JavaScript'i ihtiyaç anında yükleyerek hızlı açılış hedefleyen web framework'üdür.
React NativeReact Native, JavaScript ve React bileşenleriyle iOS ve Android'de gerçek native arayüzler oluşturmaya yarayan çapraz platform mobil geliştirme çatısıdır.
ReduxRedux, uygulama durumunu merkezi bir store içinde yöneterek değişiklikleri action ve reducer akışıyla izlenebilir kılan state yönetim aracıdır.
RemixRemix, React tabanlı full-stack uygulamalarda route, loader, action ve HTTP cache davranışlarını birlikte kullanan web framework'üdür.
Sunucu Bileşenleri (Server Components)Sunucu bileşenleri, arayüzün bazı parçalarını tarayıcıya JavaScript göndermeden sunucuda çalıştırıp HTML çıktısı üretir.
SPASPA, ilk HTML yüklemesinden sonra rota değişimlerini JavaScript ile yapan ve API'den veri alarak sayfayı yenilemeden arayüzü güncelleyen web uygulamasıdır.
Vue.jsVue.js, bileşen tabanlı arayüzler geliştirmek için kullanılan, reaktif veri bağlama sunan kademeli JavaScript framework'üdür.