100puan

AngularJS

95puan

React

Karşılaştırmanın kazananı
AngularJS
React
vs
vs

35 incelenen özellikler

AngularJS vs React

AngularJS
React

AngularJS neden React' den daha iyi?

  • Çift yönlü veri bağlaması vardır
    ?
  • Yönlendirme ve derin link verme
    ?
  • Sözler kullanır
    ?
  • Otomatik görünüm filtreleme özelliği vardır
    ?
  • MIT lisansı altında yayınlanmıştır
    ?
  • HTML'e uzanır
    ?
  • Bağımlı Enjekte özelliği vardır
    ?
  • Popüler bir boilerplate-projesi vardır
    ?

React neden AngularJS' den daha iyi?

  • Bağımlılığı olmayan 3KB daha küçük dosya boyutu
    ?

    78KBvs81KB
  • DOM manipulasyonu kütüphanesi agnostik(bilinemezci) mi
    ?
  • Şablonlama için JSX kullanır
    ?
  • Şablonlar sunucu üzerinde ön-derlenebilir
    ?
  • Görünüm karışımı kullanımına izin verir
    ?
  • Sunucu üzerinde gerçekleşebilir
    ?
  • Diğer MV* Framework'leri ile entegre olur
    ?
  • Birleşik (kısmi) görünümler
    ?

Genel bilgi

Görünümleri fazla ekstra koda ihtiyaç duymadan kapsam değişkenleri üzerinden filtreleme mekanizmasına (örneğin arama yaparken) sahiptir.
JSX geliştiricilerin canlıdaki veya ön-derlenmiş sade JavaScript olan kodlarının içine direk olarak işaretleme yazmalarına izin veren bir şablonlama motorudur. Bu işaretleme ve kod arasındaki ayrımı kaldırır ve string tabanlı şablonlama dilleri üzerine hız iyileştirmesi sunar.
MIT lisansı ticari kullanım dahil her türlü kullanıma garanti sağlamadan izin veren oldukça hoşgörülü bir lisansdır.
4.HTML'e uzanır
AngularJS
React
Kimi insan bunu diğer şablon dilleri masrafını ortadan kaldırdığı için avantaj olarak görür.
Kalan özelliklerini kaldırmadan başka bir yapı iskeletinin bir parçası yerine kullanılabilir.
İçiçe görünüm şablonlarının bir şablon içindeki üst-düzey görünümlere konulmasını destekler.
Önerilen dosya yapısını hazırlayan ve böylece geliştiricelerin daha hızlı başlamasını sağlayan resmi veya popüler boilerplate projeye sahiptir.
Yukarıdaki büyük versiyon numarası 0'dır. Bu geliştirme takımı tarafından tanıtılan API değişikliklerinde uyumluluk sorunu yaratmaz.
Eski tarayıcı desteği kurumsal projeler ve Internet Explorer kullanıcıları bazında geniş kullanıcı tabanına sahip projelerde önemli olabilir.

Eklentiler

Kolayca yeni animasyon görünümü yapma imkanları içeren bir eklentiye sahiptir.
Bu framework'ün yaşayan bir ekosisteme sahip olduğunu gösterir, geniş topluluklar fazla esnekliğe ve hızlı geliştirmeyi destekler ve izin verir.
Modelleri jQuery boilerplate ajax çağırması yazılımına ihtiyaç duymadan sunucu-taraflı gösterimleri ile senkronize tutan faydalar içerir.
HTML5 LocalStorage ile senkronize etmek için basit bir fonksiyonalite sunan bir eklentiye sahiptir.

Kitaplıklar & Paketler

DOM manipulasyonu ile başa çıkmak için spesifik bir kütüphane (jQuery, Zepto veya MooTools gibi) kullanımına gerek duymaz veya kullanımı ciddi şekilde teşvik etmez ve geliştiricinin seçtiği kütüphane ile kullanılabilir.
Bower önyüz uygulamaları için kolay kullanımlı, npm benzeri bir paket yöneticisidir.
3.jQuery Lite içerir
AngularJS
React
DOM manipulasyonunun gerekli olduğu durumlarda jQery Lite öğelerini kullanır. Bu şekilde geliştiriciler bütün kütüphaneyi eklemek zorunda kalmadan jQuery'nin rahat yardımcı fonksiyonlarını alır. Bir çok kullanma durumunda bu projenin jQuery'e bağımlılığını ortadan kaldırır.
Eşzamanlı Olmayan Modül Tanım kütüphaneleri kolay modüler, temiz programlamayı sağlar. Bir framework böyle bir kütüphanede düzgün çalışmıyorsa bileşenlerini modülize etmek ve bağımlılıkları çözmek için Dependency Injection gibi farklı araçlara sahip olabilir.

Veri ilişkilendirme

Modeller ve görünümler birbirlerini güncellemeye mecburdur.
2.Tek yönlü veri bağlama
AngularJS
React
Bir görüntülenebilir obje değiştiğinde görünümler otomatik olarak güncellenmeye mecburdur.
Bu uygulama ve REST-Servisleri ya da LocalStorage arasındaki veri transferini kolaylaştırır. Ayrıca getter setter fonksiyonları yüzünde oluşan kompleksiteyi azaltır.
Karışımlar obje-odaklı kalıtıma ihtiyaç duymadan ortak özellikleri paylaşan birbirinden farklı objelere izin veren bir programlama tekniğidir.
Model ve görünümlerin birbirlerini güncellemesini destekler. Bu, dosya boyutunu arttırır ve aynı zamanda daha fazla esneklik sağlar.
Değişiklik olup olmadığını kontrol eder ve ilgili alanları günceller. Bazı durumlarda gözlemcilerden daha başarılı sonuç verebilir.

Performans

Daha küçük dosya boyutu daha hızlı yükleme demektir.
Yönlendirme tarayıcı url'si ile etkileşime izin verir. Eğer bir-sayfa uygulamaları kuruyorsanız iyi bir kullanıcı deneyimi için bu çok özemlidir.
3.Sözler kullanır
AngularJS
React
Promises/A+ tanımlamasının iç implementasyona sahiptir. Promises sunucu cevaplarıyla uğraşırken bildirimlere cevap veren popüler bir alternatiftir.
Sunucuda önceden oluşturulmuş şablon motorunu destekler. Bu, özellikle düşük bilgi işlem gücüne sahip cihazlarda sayfa hızını artırır.
Bu arama motoru taranabilirliğini oldukça arttırır. Bu özellikle düşük programlama gücüne sahip araçlarda sayfa hızını arttırabilir.
Bu test edilebilmeyi ve modülerliği arttırır.
Model değişiklikleri görünüm güncellemelerinde hemen sonuç vermez ama sıraya konulur ve grup olarak dağıtılır. Bu anında görünüm güncellemelerinden çok daha başarılı sonuç verir.
jQuery Deferred gibi sözleri destekleyen kütüphanelerin kullanımına izin verir. Sözler sunucu cevaplarıyla uğraşırken bildirimlere popüler bir alternatiftir.

En iyi MV* sistemleri hangisidir?

Hepsini Göster
This page is currently only available in English.