Polimer ve Web Bileşenleri son zamanlarda çok gündemde olan konular ve bu ekosistem hızla geliştiği için geliştiricilerin en son değişiklikleri takip etmesi çoğu zaman zor olabiliyor.
Chrome Dev Summit'teki konuşmasında Polymer ekibinin mühendislik müdürü Matt McNulty, Polymer'in ne olduğunu açıkladı ve Polymer 1.0'ın yol haritasını ana hatlarıyla açıkladı.
Polimer nedir?
Öncelikle, Polymer tam olarak nedir?
Polimer, web bileşenlerinden öğeler ve uygulamalar oluşturmanıza yardımcı olan bir kitaplıktır. Web Bileşenleri, geliştiricilerin kendi özel öğeleriyle HTML terimlerini genişletmelerine olanak tanıyan son teknoloji ürünü standartlar kümesidir.
Web Bileşenleri tarayıcı için yeni bir temel öğe olarak tasarlandığından, çok güçlüdürler, ancak aynı zamanda çok düşük düzeydedirler ve bunlarla çalışmak için epey kod gerekir.
Polimer, söz dizimini "şeffaf" hale getirerek Web Bileşenleri'nin çalışmasını kolaylaştırır. Yazmanız gereken standart kod miktarını azaltır ve Web Bileşenleri oluşturmak, HTML yazmak kadar kolay olması için bildirim temelli bir stil ekler.
Polimer Denemesi
Polymer, bu teknolojiler tüm tarayıcılarda kullanıma sunulmadan önce Web Bileşeni standartlarına uyum sağlayıp sağlayamayacağımızı görmek ve geliştiricilerden geri bildirim alıp alamayacağımızı görmek için bir deneme olarak başladı. Daha fazla geliştirici kullanmaya başladıkça Polymer, sadece çoklu dolgular olmaktan çıkıp üretkenlik özellikleriyle (veri bağlama, özellik değiştirme izleyicileri, otomatik düğüm bulma vb.) dolu gerçek bir kitaplığa dönüştü. Ancak tüm denemeler sonuç verdi. Peki, nasıl sonuçlar aldık?
Birçok geliştirici, Polymer'de Web Bileşenleri ile çalışmanın ifade gücü ve üretkenlik kazanımlarını beğendiğini söylese de performans ve genel karmaşıklık ile ilgili endişelerini de ifade etti.
Bu politika, Polymer'in başından beri yaşadığı doğal gerilimi vurgular: Web platformunu ileriye taşımak için bir deneme yapın ve aynı zamanda geliştiricilerin güvenebileceği, üretime değer bir şey yaratın.
Yapılacak Değişiklikler
Polymer ekibi, geliştiricilerin rahatlıkla kullanacakları daha yalın, üretime hazır bir sürüm oluşturmak amacıyla kitaplığın her özelliğini ayrıntılı bir şekilde inceledi.
Katmanlar
Polimer, bir dizi katman halinde yeniden düzenlendi. Temel özellikler hızlı ve verimlidir, daha gelişmiş özelliklere ise isteğe bağlı olarak katılabilirsiniz. Kullanım alanlarının çoğunda temel özellikler, geliştiricilerin ihtiyaçlarını kapsamalıdır.
Basitleştirilmiş Veri Bağlama
Polimer'in veri bağlama sistemi de performans için önemli ölçüde optimize edilmiştir. Katmanlı yaklaşımın ardından iki yönlü bağlama artık etkinleştirilmiştir; varsayılan ise tek yönlü bağlamalardır. Ayrıca, yayınlanan özellik türleri açık hale getirildi ve artık bir özellik değişikliği, farklı kitaplıklardaki öğelerin daha kolay iletişim kurmasını sağlamak için bir etkinlik tetikliyor.
Yalın Gölge DOM
Gölge DOM çoklu dolgusu harika bir mühendislik başarısıdır. Bu sürüm, kapsamlı ve spesifikasyonlarla uyumlu olacak şekilde tasarlanmıştır. Bu durum, temel platformun titizlikle test edilmesi açısından önemlidir. Ancak ne yazık ki Polymer'in kullanmadığı özellikler için çeşitli performans performans sorunlarını beraberinde getirir.
Polymer'in bir sonraki sürümü, yalnızca Polymer'in ihtiyacı olan malzemeyi çoklu dolduran dolgu stilindeki bir katman kullanılarak farklı bir yaklaşım benimseyecek.
Mevcut çoklu dolgu, genel, Polimer olmayan web bileşenleri için kullanılmaya devam edecektir.
webcomponents.org adresine taşınıyor
Polyfill'lerden bahsetmişken, bunlar da yeni bir yuvaya kavuşuyor. Şu anda birçok geliştiricinin Polymer ve Web Bileşenleri arasındaki ilişki konusunda kafa karışıklığı var. Web Bileşenleri'ni kullanmak için Polymer'in tamamını kullanmanız gerektiğini düşünenler de aslında sadece çoklu dolgulara ihtiyacınız olduğunu düşünür.
Bu ayrımı daha net hale getirmek için çoklu dolgular webcomponents.org adresine taşınıyor ve artık webcomponents.js olarak yeniden adlandırıldı.
Bu taşıma işlemi, diğer kütüphane yazarlarının herhangi bir karışıklık olmadan çoklu dolgulardan yararlanmasına yardımcı olmak için tasarlanmıştır. Polymer ekibi, çoklu dolgulara katkıda bulunmaya devam edecek, ancak bu değişikliğin onları topluluk için daha ortak bir kaynak haline getirmeyi umuyoruz.
Sonuçlar
Peki tüm bu değişikliklerin sonuçları ne olacak?
Hız
Chrome'da Polymer artık 5 kat daha hızlı, Safari'de ise 8 kat daha hızlı.
Dosya Boyutu
Ayrıca, dosya boyutu %87 oranında 123 KB'tan 15 KB'a (gzip ile sıkıştırılmış olarak 6 KB) düşürülmüştür.
Yol Haritası
Bir sonraki sürümde, yeni sürüm numarası (0.8) ile belirtilen API'ye zarar veren bazı değişiklikler olacak, ancak ekip bunun bir yeniden yazma olmadığını açıkça belirtmek istiyor. Mevcut projenizi Polymer 0,5'ten 0,8'e taşımak oldukça basit bir işlemdir.
Polymer ekibi ayrıca geliştiricilere, gelecek sürümler hakkında daha fazla netlik sağlamak için bir yol haritası çıkardı.
0.8 önizlemesi, şu anda GitHub'da bir dal olarak kullanıma sunulmaktadır (ancak hâlâ çok aktif bir şekilde geliştirilme aşamasındadır ve belge eksiktir). Resmi 0.9 beta sürümünün 2015'in 1. çeyreğinde kullanıma sunulması planlanmıştır. 1.0 sürümünün 2. çeyrekte kullanıma sunulması planlanmaktadır.
Deneme Bitti
Polymer'deki son değişikliklerle birlikte bu değişikliklerin arkasındaki ekip, Web Bileşenleri'nin her geliştiriciye ait ürün yığınının ayrılmaz bir parçası olması için gereken temeli atıyor. Web Bileşenleri hakkında bilgi sahibi değilseniz, bu dönüştürücü teknolojilere göz atmanın ve öğrenmenin tam zamanı. Bileşenlerle (ve Polymer'le) çalışıyorsanız gelecek gerçekten de parlak görünüyor. En son güncellemeler için Polymer Blogu'nu takip edin ve sorularınız ya da yorumlarınız için Polymer posta listesine kaydolun. Başarılı ipuçları!