Polimer vs Angular 2 vs React: Nihai Karşılaştırma

Burada, Google ve Facebook gibi devler tarafından şu anda sunulan en popüler 3 çerçeveyi ve kitaplığı inceliyoruz - sahip oldukları farklılıklar, React ve Polymer veya Angular çatışması ve bunların iyi olduğu seçenekler - temel olarak Polimer kullanmanın avantajlarını gözden geçiriyoruz vs Açısal / Tepki.

İçindekiler:

1. Açısal.

2. Tepki.

3. Polimer.

4. Polimer vs Açısal.

5. Tepki vs Açısal.

6. Seçim senin.

Lütfen tüm sonuçların nihai olmadığını ve Mind Studios uzmanlığından yapıldığını unutmayın.

Yazılım geliştirmeyi düşündüğünüzde, doğru teknolojiyi seçmek, çözülmesi gereken en acil konulardan biridir. Paralellikler çizilecekse, bu gelecekteki evinizin duvarlarının rengini seçmek gibidir - bu evde nasıl hissettiğiniz buna bağlı olacaktır.

Bu nedenle, mobil uygulamanızı yazmak için dili seçtiğiniz gibi, (örneğin) web uygulamanız için bir JavaScript çerçevesi de seçersiniz - ve bu tamamen dayanılmaz olabilir, sizi tamamen çıldırtır ve ilgili tüm hoş şeyler. Günümüzde kalabalıklar arasında oldukça popüler olan birkaç çerçevemiz var - Angular ve React, küçük geliştiricilerin kısmı Polymer'e yapışıyor ve ayrıca son zamanlarda çok fazla ilgi gören yeni bir Vue var; Polymer-React ve Polymer-Angular 2 karşılaştırması burada dikkatlice incelenecektir.

Her birini kısaca inceleyelim.

Açısal.

Resmi web sitelerinde belirtildiği gibi, “Angular, dinamik web uygulamaları için yapısal bir çerçevedir. HTML'yi şablon diliniz olarak kullanmanıza izin verir ve uygulamanızın bileşenlerini açık ve özlü bir şekilde ifade etmek için HTML'nin sözdizimini genişletmenize olanak tanır. Angular'ın veri bağlama ve bağımlılık enjeksiyonu, aksi takdirde yazmanız gereken kodun çoğunu ortadan kaldırır. Ve bunların hepsi tarayıcının içinde gerçekleşiyor ve bu da onu herhangi bir sunucu teknolojisiyle ideal bir ortak yapıyor."

Aslen 2009'da geliştirilen Angular 2+, şimdi Google tarafından sürdürülmektedir, bu nedenle formlarla ve form işlemeyle çalışmak için belirli sayıda kitaplığa sahiptir.
Angular, geliştiricilere rüşvet verdiği bir dizi avantaja sahiptir, örneğin:

• SPA (tek sayfa uygulaması) oluşturma için yaygın olarak kullanılır

• HTML'nin yeniden yüklenmediği bir "reaktif web sayfası" oluşturmaya izin verir

• Daha sonra geliştirmek ve sürdürmek daha kolaydır

• Hazır mimari

• Büyük uluslararası topluluk

Tepki

Bir Javascript kütüphanesi olarak React, temel olarak arayüzler oluşturmayı amaçlar ve 4 temel parça üzerinde durur: basit bileşen, durum bilgisi olan bileşen ve bir uygulama + harici eklentiler üzerinde duran bileşen.
React'in ana avantajları, gözle görülür bir farkla, Angular'a oldukça benzer:

• SPA (tek sayfa uygulaması) oluşturma için de yaygın olarak kullanılır

• Aynı, HTML'nin yeniden yüklenmediği bir "reaktif web sayfası" oluşturmaya izin verir

• Daha sonra geliştirmek ve sürdürmek daha kolaydır

• ...Ayrıca geniş bir uluslararası topluluğa sahip

AMA : React native'i etkileşimli görünümler için mükemmel bir eşleşme yapan son derece hafif bir yapıya sahiptir.

Ayrıca Facebook Inc tarafından kapsanan ve mobil uygulama geliştirme için kullanılan farklı bir JS çerçevesi vardır - React Native. React Native vs Native Uygulama Geliştirme ne zaman ve nasıl kullanılabileceğini makalemizi okuyun.

Polimer

Wiki'nin belirttiği gibi, Polimer web bileşenleri açık kaynaklı bir JavaScript kitaplığıdır ve en çok Web Bileşenlerini kullanarak web uygulamaları oluşturmak için kullanılır. (Web Bileşenlerinin ne olduğunu bilenler için aşağı kaydırın)

Web Bileşenleri, formlardan, HTML etiketlerinden, HTML şablonlarından, HTML içe aktarmalarından oluşan ve tüm proje boyunca yeniden kullanılabilen bağımsız bir bloktur.

[Kaynak: Geliştirici Mozilla]

Web bileşenlerinde Polimer, Gölge DOM kavramları web özellikleri oluşturmak için kullanılmaz. Ayrıca yalnızca birkaç tarayıcıyla uyumlu olabilir - Google Chrome ve en son sürüm 2.o Safari tarayıcısı ile uyumluluk eklendi. Polimer performansında mimari projelendirme için normal HTML de kullanılır.

Genel olarak, tüm bu çerçeveler belirli bir web geliştirme amacına hizmet eder ve her biri belirli bir proje türü için uygundur. Yine de aynı değiller - ve aralarında sahip oldukları temel farklılıkları vurgulamaya çalıştık.

Polimer vs Açısal

Bu 2 popüler çerçeveye bakıldığında, göze çarpan birkaç farklılık vardır:

1. Polymer, geliştiricilerin uygun bir öğeyi seçip bir projeye uygulayabilecekleri büyük bir hazır çözümler kitaplığına sahiptir .
   Aksine, Angular'da o kadar büyük bir tane yok; web formları oluşturma ve işleme için standart bir kitaplık seti olsa da.

2. Polymer'de, bileşenler tek bir HTML dosyasında tam olarak açıklanmıştır . Angular durumunda, bileşenler birkaç dosyaya bölünebilir:

   • JS bileşenleri

   • CSS dosyaları

   • HTML şablonu

   • Bileşenlerin bağımlılıklarını içeren dosya (sayfada ayrıca kullanılanlar için)

3. Angular daha yapılandırılmış ve daha ayrıntılıdır ; Angular modellere ayrılırken, Polymer 1 dosya akışına sahiptir.
4. Agular'da genel bir fonksiyon numarası getirmeye izin veren Servisler vardır ve bu sırasıyla yazılacak toplam kod miktarını azaltır. Polimer'de, her bir bileşen için tüm istekleri ayrı ayrı tanımlamanız gerekir.
   Ancak, Polymer'de HTTP istekleri basitleştirilmiştir; Angular'da, zaten yapılmış bir Polimer öğesi varken HTTP işlevini tam olarak tanımlamanız gerekir.

İkinci karşılaştırma turu, son derece popüler iki React ve Angular aracı arasında bir karşılaştırma içerir.

Tepki vs Açısal

1. Angular, kutunun dışında eksiksiz bir proje yapısı sağlar. React'te dosyanızı yapılandırmanın yolunu seçebilirsiniz.
2. Angular'da TypeScript vardır - Microsoft tarafından oluşturulmuş ve bakımı yapılmış ve geliştirme için AngularJS ekibi tarafından seçilen, yazılmış bir süper JavaScript seti.
   büyük projeler TypeScript, durumu daha hızlı keşfetmeye yardımcı olur - hangi işlevlerin verdiğini veya aldığını gördüğünüz gibi ve kaynak kodunu incelemeye gerek yoktur. React ile tamamen JavaScript tabanlıdır, yalnızca bir JS.x şablonuna sahip olabilirsiniz.

   

3. HTML'yi anında dönüştürmek için belirli bir sözdizimi kullanırlar ve Java Script ile biraz zıt olduğu için önce onu incelemeniz gerekir. React'i uygularken, yalnızca karmaşıklığı azaltan normal "if...then...else" Java Script sözdizimini bilmeniz gerekir.
4. React'te HTML isteklerini akıllıca seçmeniz gerekir, oysa Angular'ın HTTP istemcisi tüm üçüncü taraf entegrasyonlarını bir kenara bırakarak kutunun dışında mükemmel bir şekilde çalışır.
5. React'in ekosistemi son derece geniştir ve aynı zamanda halihazırda oluşturulmuş çözümlerle doludur. Angular'ın sisteminin küçük olduğunu söylemeye çalışmıyorum - sadece daha az hazır örnek var ve daha çok “kendin yap” kod yazımı var. Daha büyük bir ekosistem aynı zamanda daha iyi bir SEO - React kullanan geliştiricilerin keyfini çıkarabileceği görünürlük sağlar.

Neden React'i kullanmalısınız?

Durumlardan biri: hevesliyseniz ve basit ve hızlı bir çözüm uygulamak istiyorsanız.

Angular2+ için ne zaman gitmelisiniz?

En iyi senaryo: bir ekip üyesisiniz ve ekibinizle birlikte büyük bir proje üzerinde çalışıyorsunuz. Burada Angular ile gitseniz iyi olur, çünkü teknik destek biraz daha uygun..

Seçim senin.

2019'da ortaya çıkan sorunun nihai bir cevabı yok - hangi çerçeve ve web Bileşenleri karşılaştırmasının seçileceği - her zaman birinin veya diğerinin daha iyi çalıştığı belirli durumlar olacaktır. Ne de olsa, bir ön uç geliştirici olarak seçim paradoksunu sizin için daha kolay hale getirmek için Polymer vs Angular vs React karşılaştırmasının rekabet avantajlarını ve elverişsiz koşullarını listelemeye çalıştık.

Bunun bir hizmet olduğunu umuyoruz - ve daha fazla bilgiye ihtiyacınız varsa, lütfen iletişime geçin ve size yardımcı olmamıza izin verin.

Artem Chervichnik, Alex Kirsanov ve Elina Bessarabova tarafından yazıldı.