18.08.2022
45
Like
232
Views
Vue.js vs React
Vue.js ve React JavaScript tabanlı araç seti sistemleridir. Dinamik kullanıcı arayüzleri oluşturmaya yardımcı olurlar. Konseptleri ile ilgili olarak, tüm kullanıcı arayüzü verilerdir ve her değişiklik yeni işlevlere yol açar. Bu işlevler, genellikle UI bileşenleri olarak bilinen belirli sayfa bloklarını yeniliyor.
Vue.js ve React'de bileşenler, tek bir dosyada düzenlenen JavaScript ve HTML kodu parçalarıdır. Bileşenler, verileri birbirine iletebilen ebeveynler ve çocuklarla benzer hiyerarşi ilkelerine sahiptir.
React ve Vue.js arasındaki ayırt edici özellikleri bulmak için şu kriterleri dikkate almalıyız:
Yani, bunu bilerek, bir seçim yapabileceğiz. React'in bir çerçeve olarak adlandırılamayacağını belirtmek gerekir, ancak her zaman böyle düşünülmüştür. Bir JavaScript kitaplığı olmasına rağmen, web uygulamasının tüm görünüm bölümünü oluşturmak için uygundur.
React ve Vue.js'de bileşen oluşturma ilkeleri
React'te JSX ve tek dosyalı bileşen yapısı
Bileşenler, verileri web tarayıcılarında işler. Bir kullanıcıya (HTML) ve mantığa (JavaScript) gösterilen UI bölümünü içerirler. Mantık, tarayıcıdaki verileri iletmek için işlevleri ve yöntemleri açıklar.
React, yerel tarayıcı yöntemlerine karşılık gelen işlevlerin yazılmasına yardımcı olan bir sözdizimi dili olan JavaScript Sözdizimi Uzantısını (JSX) kullanır. Safari, Chrome ve Firefox, React'te yazılan mantık işlevleriyle doğrudan konuşabilen JavaScript motorlarına dayanmaktadır. JavaScript kodu HTML etiketleriyle zenginleştirildiğinden, bir web tarayıcısı tarafından tanınamaz. React, Babel Transpiler kullanarak programlama kodunu salt JavaScript'e dönüştürüyor.
const message = <h1>React is cool!</h1>
Dinamik değişkenler, JSX'in ortasında köşeli parantez sözdizimine ( { ... } ) yerleştirilebilir.
Vue.js, bileşen tasarımı için HTML şablonlarını takip eder
React ile aynı olan Vue.js, kullanıcı arayüzünü ve mantığı aynı dosyada tutmayı önerir. Vue.js'deki bileşen kodu, belirli bir HTML şablonunda bulunur.
Şablonlama, bileşen kodunun net bir görüntüsünü getirir. Programcıların metotları takip etmelerine, özellikleri görüntülemelerine ve render fonksiyonlarını gözlemlemelerine yardımcı olur.
Vue.js'nin belirli bir sözdizimi vardır. Veriler için yer tutucu olarak {{ }} çift ayraç kullanır. HTML nitelikleri, Vue.js'deki yönergelerdir ve v- önekini içerir.
Çerçevenin sistemi nesneleri, sınıfları ve davranış kategorilerini içerir. Nesne yönelimli programlama ile çalışan programcıların deneyimiyle uyumludur.
React ve Vue.js'nin kısa sektör karşılaştırması
React
React esnektir ve çeşitli seçeneklere açıktır. Gelişim için herhangi bir görüşlü yön veya zihniyet anlamına gelmez. Ancak, geliştiricilerin güçlü bir JavaScript bilgisine sahip olması ve Tek sayfa uygulamaları (SPA) tasarımı konusunda deneyimli olması gerektiğinden bu yaklaşımın bir maliyeti vardır.
React'in Artıları
React'in Eksileri
Hangi şirketler React'i seçmeli
Vue.js
Vue.js, React ve Angular'ın en üst düzey özelliklerini birleştirdi, ancak ana özelliği mükemmel kullanıcı deneyimidir. Ayrıca, sanal DOM'nin kapasitesinden yararlandı ve kod yapısını optimize etti.
Vue.js'nin Artıları
Vue.js'nin Eksileri
Hangi şirketler Vue.js'yi seçmeli:
GitHub
You need to log in to be able to comment!
Yakup Tetik
Hello, I'm Yakup Tetik, working as a Front End Developer at Ron Digital. I develop projects using technologies like Vue.js, JavaScript, CSS, and HTML5, and I'm one of the team members behind successful applications such as Plandy, Postify, Talkios, Copify AI, Mocky AI, and Assistdoc.
Location
Bursa, TR
Education
Aircraft Engineering - Kharkiv Aviation University
Job Experience
Front-End developer jr. - Ron Digital