g u t x .com.tr İpek yolu - Çin'i anlamaya götürürüm

Vue.js 2020'de React'i devralacak mı?

Tam metin 2032 kelimedir ve beklenen öğrenme süresi 6 dakikadır.

Ön uç çerçeveler her yıl daha popüler hale geliyor.

Günümüzde, herhangi bir JavaScript çerçevesi olmadan ön uç geliştirmeyi hayal etmek zor.

Son zamanlarda, Google'ın Angular ve Facebook'un React.js'i şiddetle savaştı. Bununla birlikte, ön uç dünyası 2018'de büyük değişikliklere uğradı ve daha güçlü bir oyuncu da rekabet-Vue.js'ye katıldı.

Ardından, Vue.js'ye bir göz atalım ve ön uç devi React'i değiştirme şansını tahmin edelim.

arka fon

Derinlemesine çalışmadan önce, iki çerçevenin bazı temel bilgileri özetlenecektir.

React, teknoloji devi Facebook tarafından ihtiyaçlarını karşılamak için geliştirildi ve sürdürüldü. React, uzun süredir ön uç alanında önemli bir katılımcı oldu ve uzun vadeli istikrarlı destek sağlıyor.

Vue.js, eski bir Google çalışanı olan You Yuxi tarafından oluşturuldu. Amacı, mevcut çerçevelerin en iyi özelliklerini entegre edebilecek bir çerçeve geliştirmektir.

Temel fark

Tarafsızlığı korumak için, React ve Vue.js arasındaki farkın, bu sorunu iyi bir şekilde çözen Vue.js belgelerinde görüntülenmesi önerilir. Vue.js belgesi, React ekibinden You Yuxi ve Dan Abramov tarafından oluşturulmuştur.

Hem Vue hem de React sanal DOM kullanır, ancak her ikisinin de farklı uygulama yöntemleri vardır.

Vue.js ve Kurtarma arasındaki temel fark, Vue.js'nin bildirim temelli oluşturmaya sahip şablonları kullanırken React, HTML'nin içinde kullanılmasına izin veren oldukça büyük bir JS uzantısı olan JSX'i kullanmasıdır. Bu, Vue.js veya Angular ile karşılaştırıldığında, React'in daha basit görevleri tamamlamak için daha karmaşık bir yürütme süreci gerektirdiği ve sonunda karmaşık bileşenlerin geliştirilmesinin daha fazla zaman alacağı anlamına gelir.

Aşağıda, basit bir Vue oturum açma uygulaması örneği verilmiştir:

React oturum açma uygulaması örneği:

Aynı zamanda, Vue.js daha gelişmiştir ve daha düşük bir giriş noktasına sahiptir çünkü yürütmek için js çekirdeğinin derinlemesine anlaşılmasını gerektirmez.

Hem React hem de Vue.js, küçük ve orta ölçekli projeler için uygundur.

Popülerlik

React, JavaScript çerçeveleri arasında her zaman popüler bir lider olmuştur. Node Package Manager (npm) raporuna göre, React 48.718 bağımlılıkla listenin başında yer alıyor ve Vue.js, 21.575 bağımlılıkla React'in yarısı olan ikinci en popüler JavaScript çerçevesidir. 2018'in sonundaki istatistiklere bakmanıza rağmen, Vue'nun bağımlılıklarının ikiye katlandığını, React'in bağımlılıklarının ise ikiye katlandığını göreceksiniz.

İndirme sayısı, React'in giderek daha popüler hale geldiğini, Vue'nun ise neredeyse hiç değişmediğini gösteriyor.

Belirli bir platformda çalışan geliştiricilerin sorduğu soru sayısına göre Stack Overflow şu verileri verir:

Vue.js ile ilgili soru sayısının arttığını görebiliyor olsanız da, React'in hala podyumun tepesinde olduğuna şüphe yok.

JavaScript "Yükselen Yıldızlar" tahmininin dördüncü baskısına göre, her yıl Github'a eklenen yıldız sayısı, Vue'yu 2019'da ilk sırada yer alacak.

Bu istatistik oldukça kafa karıştırıcı çünkü yukarıdaki rakamların hiçbiriyle eşleşmiyor. Belki de Vue topluluğu sadece GitHub'ın parlayan noktalarına takıntılıdır.

Topluluk desteği

Github'ın istatistiklerine dayanarak, Vue.js'nin en iyi şirketlerin desteği olmasa bile açık kaynak topluluğunda çok popüler olduğu sonucuna varılabilir.

Facebook mühendisleri, React'i geliştirici dünyasında en hızlı büyüyen araç yapan React'in bakımı ve kodlanması, iyileştirilmesi ve yatırımı üzerinde çalışıyor.

Esneklik ve öğrenme eğrisi

React'in en güçlü yönlerinden biri esnekliktir. React olgun bir çerçeve değil, bir kütüphane olduğu için öğrenmesi de kolaydır. Geliştiriciler, sabit modda çalışmak yerine tercihlerine göre herhangi bir kitaplık ekleyebilirler. MobX ve Redux, geliştiriciler durum yönetimi görevlerini desteklemek için React'i kullandıklarında da yaygın olarak kullanılır.

Vue.js de çok esnektir ve uygulamaların nasıl oluşturulacağına dair hiçbir kısıtlaması yoktur. Ayrıca çeşitli yapı sistemleri için resmi destek sağlar.Ayrıca, öğrenme süreci fazla zaman almaz: HTML ve ES5JavaScript gibi temel bilgilere aşinalık, öğrenmeye başlamak için tek gereksinimdir.

Çerçeve boyutu

Çerçeve boyutu, projenin verimliliğini doğrudan etkileyen önemli bir kriterdir.Çerçeve ne kadar küçükse proje o kadar faydalı olur. Çerçevenin boyutunu yuvarlarsanız, React yaklaşık 100 Kb iken Vue.js yaklaşık 80 Kb'dir. Hepsinin nispeten küçük boyutları vardır, bu da onu küçük uygulamaların geliştirilmesi için uygun hale getirir.

Misal

Bir proje için teknoloji seçerken, teknolojinin nerede uygulandığını bilmek de çok önemlidir.

React.js uygulama geliştirme:

· Facebook

· Twitter

· Instagram

· Naber

Vue.js uygulama geliştirme:

· Gitlab

· 9Gag

· Nintendo

· Dilbilgisi

Kaynak: Pexels

Sonuç olarak, React bugünlerde Vue'dan daha popüler. React, onu geliştirmek ve sürdürmek için güçlü ve etkili danışmanlara sahiptir, ancak Vue bunu yapmaz.

Ancak Vue.js ve React.js, yüksek derecede esneklik, basit bir öğrenme eğrisi sağlar ve her ikisi de boyut olarak çok küçüktür. Kim seçerse seçsin, alışkanlıklarınıza bağlıdır.