Bileşen Ne Demek?
İngilizce: Component
Yayın: · Son güncelleme:
Bileşen Ne Demek? Kısaca
Bileşen (component), bir yazılımın ya da kullanıcı arayüzünün kendi görevi olan, bağımsız ve yeniden kullanılabilir parçasıdır. Web geliştirmede düğme, ürün kartı ya da menü gibi arayüz parçaları bileşen olarak yazılır.
Bileşen ne demek?
Bileşen, büyük bir sistemi oluşturan, tek başına anlamlı ve değiştirilebilir parçadır. Yazılımda İngilizce component kelimesinin karşılığı olarak kullanılır. Bir arabanın motoru, tekerleği ve direksiyonu nasıl ayrı parçalarsa, bir web sayfasının başlığı, menüsü ve ürün kartları da ayrı bileşenlerdir.
Bu yaklaşımın amacı tekrarı azaltmak ve kodu düzenli tutmaktır. Bir ürün kartını bir kez yazarsınız ve sayfada yüz farklı ürün için aynı bileşeni kullanırsınız.
Arayüzde nasıl kullanılır?
React, Vue ve Angular gibi modern çerçeveler arayüzü bileşenlerden kurmaya dayanır. Her bileşen kendi görünümünü, davranışını ve gerektiğinde stilini içerir. Bileşenler iç içe geçebilir: "Sayfa" bileşeni "Başlık", "ÜrünListesi" ve "Altbilgi" bileşenlerini içerir, "ÜrünListesi" de birçok "ÜrünKartı" barındırır.
Bileşenler dışarıdan veri alarak farklılaşır. Aynı ürün kartı bir seferinde "Kahve makinesi, 2.500 TL", diğerinde "Termos, 450 TL" gösterir. React'te bu veriler props yoluyla aktarılır.
İyi bir bileşen nasıl tasarlanır?
Bir bileşen tek bir işe odaklanmalıdır. "Ürün kartı hem ürünü gösteriyor, hem sepeti yönetiyor, hem de yorumları çekiyor" gibi bir yapı, bileşenin bölünmesi gerektiğine işaret eder.
Kodunuzda aynı HTML bloğunu üç kez kopyaladığınızı fark ettiğinizde bunu bir bileşene dönüştürmeyi düşünün. Adlandırmaya da özen gösterin: "Kutu2" yerine "FiyatEtiketi" gibi ne yaptığını anlatan adlar, projeye sonradan katılan birinin işini çok kolaylaştırır.
Sıkça Sorulan Sorular
Bileşen nedir, modül ile aynı şey mi?
Yakın kavramlardır. Modül genellikle kodun dosya ya da paket düzeyindeki bölümüdür; bileşen ise özellikle arayüzde, kendi görünümü ve davranışı olan yeniden kullanılabilir parçayı ifade eder.
No-code araçlarda bileşen kavramı var mı?
Evet. Webflow ve benzeri araçlarda bir kez tasarlanan düğme ya da kart, bileşen olarak kaydedilip sayfalarda tekrar kullanılabilir. Bileşende yapılan değişiklik kullanıldığı her yere yansır.