Sinyaller, kod tabanınızın bazı kısımlarını daha iyi hale getirebilir; nasıl ve neden olduğunu öğrenin.

15 Şubat 2023'te Angular'ın ekibi, Signals'ı basit bir çekme isteğiyle çerçeveye tanıttı. O zamandan beri, Angular topluluğunda kullanımı ve faydaları hakkında keskin tartışmalar oldu. Birçoğu, işlevselliğini denemek için sinyallerle prototip oluşturmaya bile başladı.

Bu yeni özelliğin nasıl çalıştığına, sözdizimine ve tamamen kullanıma sunulduğunda nasıl kullanılacağına bir göz atalım.

Sinyaller Nedir?

Sinyal tipi, Angular'ın yeni reaktif ilkel tipidir. Amacı, tıpkı standart bir değişken gibi bir değeri tutmaktır, ancak bir sinyalin ayırt edici özelliği, benzersiz davranışıdır. Bir sinyal değişirse, ona bağlı olan her şeyi bilgilendirir.

Ek olarak, Angular, tüm bileşen ağacını kirli denetlemeye yönelik mevcut varsayılan yaklaşım yerine, değişikliği algılamak ve tetiklemek için yeni yaklaşım olarak sinyalleri kullanabilir.

Angular'da Sinyaller Nasıl Kullanılır?

Bir sinyal şuna benzer:

@Bileşen
instagram viewer
({
seçici: "uygulamam",
bağımsız: doğru,
şablon: `
Sayı: {{ sayı() }} </div>
Çift: {{ çift() }} </div>

sayı değiştir() {
Bu.count.set(5)
}
}

Bu Uygulama bileşeninde, sayım değişkeni, sıfır değeriyle başlatılan bir sinyaldir. count daha sonra double (hesaplanan bir değer) ve şablon içinde başvurulur. Bu nedenle, düğme tıklandığında sayımın değeri beşe ayarlandığında, hem hesaplanan değer (çift) hem de şablondaki değerler güncellenecektir.

her bölümü açısal bileşen sinyale bağlı olan değer değiştiğinde otomatik olarak güncellenecektir.

Sinyallerin Girişi Neden Önemlidir?

Sinyaller, Angular ile öğrenmeyi ve çalışmayı kolaylaştırır. Angular ile öğrenmenin ve oluşturmanın yeni varsayılan yolu olarak sinyallere geçmek, öğrenme sürecini uyumlu hale getirecektir. Angular ile daha zorunlu bir kodlama stilini mi tercih ediyoruz, yoksa daha bildirimsel bir kodlama stilini mi öğrenmek istiyoruz?

Çoğu insan zorunlu olarak kodlamaya başlar çünkü genellikle daha sezgiseldir ve insanlar için tanıdıktır. Ancak zorunlu yaklaşımdan bildirimsel yola geçiş, bir paradigma değişikliğini ve zihinsel modelimizde topyekun bir değişikliği içerir. Bu nedenle, reaktif kitaplık olan RX.js'yi öğrenmesi birçok kişi için zordur.

Sinyaller bu iki ayrı yaklaşımı bir araya getirecek. Herkes sinyalleri varsayılan olarak öğrenebilir, reaktivitenin ardındaki kavramları öğrenmeye başlayabilir ve hatta dahil etme konusunda endişe duymaz. Angular'ın RX.js'si yapamazlarsa veya istemezlerse.

ile rahat olduğunuzda Angular'ın temelleri ve daha açıklayıcı bir kodlama stiline geçmek istiyorsanız, zaten anladığınız kavramlara kolayca RX.js ekleyebilirsiniz.

Sinyaller Açısal Programlamayı Herkes İçin Geliştirmeli

Signals, Angular'ın tüketicilerin okuması için reaktif değerler oluşturmak için kullanabileceğiniz yeni reaktif mekanizmasıdır. Bir sinyal, değeri değiştiğinde tüm tüketicileri anında bilgilendirir. Sinyaller, kodlamaya yönelik zorunlu ve bildirimsel yaklaşımları bir araya getirerek Angular'ın öğrenme sürecini uyumlu hale getirir.

Angular, değişiklik algılamayı daha hafif ve sağlam hale getirmek için sinyallere güvenecektir. Bu nedenle, bir Angular geliştiricisi olarak, sinyalleri kullanmayı öğrenmek, size Angular'daki reaktiviteyi daha sıkı bir şekilde kavramanızı sağlayacak ve sizi daha iyi bir geliştirici yapacaktır. Daha gelişmiş kısımları öğrenmeden önce Angular'ın temellerinde ustalaşmayı unutmayın.