Angular'da Signal Forms ile Veri Dönüşümleri ve Sayısal Girdiler
Angular ekosistemi bu hafta Signal Forms üzerine odaklanıyor ve reaktif form yönetiminde yeni bir seviyeye çıkıyor. Özellikle transformedValue özelliği, UI kontrolleri ile veri modelleri arasında veri biçimlendirmesini ve ayrıştırmasını çok daha temiz bir şekilde halletmenizi sağlıyor.
TransformedValue'nin asıl faydası şu: kullanıcı bir input alanına bir değer girdiğinde, bu değeri doğrudan modele yazmadan önce dönüştürebilirsin. Örneğin bir para birimi alanında kullanıcı '1.500' yazarsa, bunu arka tarafta sayıya çevirip saklayabilirsin. Tam tersi yönde de çalışır, modelden gelen sayıyı UI'da biçimlendirilmiş halde gösterebilirsin. Bu sayede validation hacks'ten ve manuel dönüşüm kodundan kurtulursun.
Angular 22 ile birlikte sayısal input kontrolleri de ciddi bir sıçrama yaptı. Brian Treese'nin gösterdiği örneklerde, Signal Forms ve yeni input özellikleri birleşince, ondalık noktaları, binlik ayraçları ve negatif değerleri ele almak çok daha basit hale geliyor. Eski yöntemlerde regex ve manuel parsing yapmanız gerekiyorken, şimdi deklaratif bir yaklaşımla bunu yapabiliyorsunuz.
Praktik olarak, eğer e-ticaret uygulaması yazıyorsan ve fiyat alanları, miktar girdileri ya da finansal veriler işliyorsan, bu yeni araçlar sana çok zaman kazandıracak. Validasyon kurallarını temiz tutabilir, kullanıcı deneyimini iyileştirebilir ve kod okunabilirliğini artırabilirsin. Signal Forms'un reaktif doğası sayesinde form durumu değiştiğinde otomatik olarak UI güncellenecek, manuel subscription yönetimi yapman gerekmeyecek.
0 yorum