ReactJS Nedir?

ReactJS Nedir?

ReactJS, özellikle tek sayfa uygulamalar için kullanıcı arayüzleri oluşturmak için kullanılan açık kaynaklı bir JavaScript kütüphanesidir. Web ve mobil uygulamalar için görüntüleme katmanını işlemek için kullanılır. React ayrıca tekrar kullanılabilir UI bileşenleri oluşturmamızı sağlar. React ilk olarak Facebook için çalışan bir yazılım mühendisi Jordan Walke tarafından yaratıldı. İlk önce 2011’de Facebook’un haber bültenine ve 2012’de Instagram.com’da konuşlandırılmış.
 
React, geliştiricilerin sayfayı yeniden yüklemeden verileri değiştirebilecek büyük web uygulamaları oluşturmalarını sağlar. React’in temel amacı hızlı, ölçeklenebilir ve basit olmaktır. Uygulamadaki sadece kullanıcı arayüzlerinde çalışır. Bu, MVC şablonunda görünüme karşılık gelir. MVC’deki Angular JS gibi diğer JavaScript kütüphanelerinin veya çerçevelerinin bir kombinasyonu ile kullanılabilir.
 
React JS, aynı zamanda sadece React veya React.js olarak da adlandırılır.

ReactJS Özellikleri Nelerdir?

React’in bazı önemli özelliklerine daha yakından bakalım.

JSX

React’te, şablonlama için normal JavaScript kullanmak yerine, JSX kullanır. JSX, HTML’den alıntı yapmaya izin veren ve bu HTML etiketi sözdizimini alt bileşenleri oluşturmak için kullanan basit bir JavaScript’tir. HTML sözdizimi, React Framework’ün JavaScript çağrılarına işlenir. Saf eski JavaScript ile de yazabiliriz.

React Native

React, 2015 yılında Facebook tarafından ilan edilen ve IOS, Android ve UPD gibi yerel uygulamalara tepki mimarisi sağlayan yerel kütüphanelere sahiptir.
 
React-native, yalnızca Javascript kullanan bir mobil uygulama çerçevesi oluşturur. Zengin bir mobil UI kitaplığı / bildirimsel bileşenlerini kullanmanızı / eklemenizi sağlayan React ile aynı tasarımı kullanır. Normal iOS ve Android uygulamaları ile aynı temel UI yapı taşlarını kullanır. Reaksiyonu-doğal kullanmanın en iyi kısmı, Objective-C, Java veya Swift’de yazılmış bileşenlere izin vermektir.

Tek Yönlü Veri Akışı

React’te, HTML etiketlerinde özellikler olarak bileşen oluşturucuya bir dizi değişmez değer iletilir. Bileşen hiçbir özelliği doğrudan değiştiremez, ancak değişiklik yapabileceğimiz bir geri arama işlevini geçirebilir. Bu işlemin tamamı “özelliklerin aşağıya akması; eylemler akıyor ”.

Sanal Belge Nesne Modeli

React, yapılan değişiklikleri hesaplayan ve ardından tarayıcıyı güncelleyen bir bellek içi veri yapısı önbelleği oluşturur. Bu, programcının bir sayfanın her değişiklik için işlendiği gibi kodlanmasını sağlayan özel bir özelliktir.

Niçin ReactJS?

Şimdi, asıl soru karşımızda ortaya çıkan, neden ReactJS kullanmalı. Angular gibi ön uç web uygulaması geliştirmeyi kolaylaştırmak için pek çok açık kaynaklı platform var. React’in diğer rekabetçi teknolojiler veya çerçeveler üzerindeki faydalarına hızlıca bir göz atalım. Ön uç dünyası günlük olarak değişiyorsa, yeni bir çerçeve öğrenmeye zaman ayırmak zordur – özellikle de bu çerçeve sonuçta bir çıkmaza dönüşebilirse. Bu nedenle, bir sonraki en iyi şeyi arıyorsanız, ancak çerçeve ormanda biraz kendinizi kaybolmuş hissediyorsanız, React’i kontrol etmenizi öneririm.

  • Basitlik: ReactJS hemen kavramak için daha basittir. Bileşen temelli yaklaşım, iyi tanımlanmış yaşam döngüsü ve sadece düz JavaScript kullanımı, React’i öğrenmek, profesyonel bir web (ve mobil uygulamalar) oluşturmak ve onu desteklemek için çok basit hale getirir. React, HTML’yi JavaScript ile karıştırmanıza olanak tanıyan JSX adlı özel bir sözdizimi kullanır. Bu bir gereklilik değildir; Geliştirici hala düz JavaScript yazabilir, ancak JSX kullanımı çok kolaydır.
  • Öğrenmesi kolay: Önceden programlama bilgisine sahip olan bir kişi, Açısal ve Ember’in ‘Etki alanına özgü Dil’ olarak adlandırılırken Tepki Verme’yi kolayca anlayabilir, bu da bunları öğrenmenin zor olduğunu belirtir. Tepki için sadece temel CSS ve HTML bilgisine ihtiyacınız var.
  • Yerli Yaklaşım: React, mobil uygulamalar oluşturmak için kullanılabilir (React Native). Ve React, yeniden kullanılabilirliğin diehard hayranıdır; bu, geniş kod yeniden kullanılabilirliğinin desteklendiği anlamına gelir. Yani aynı zamanda IOS, Android ve Web uygulaması yapabiliriz.
  • Bağlanma verileri: React, tek yönlü veri bağlamayı kullanır ve Flux adlı bir uygulama mimarisi, vericinin bileşenlere tek bir kontrol noktasından (gönderici) akışını kontrol eder. Büyük ReactJS uygulamalarının müstakil bileşenlerinde hata ayıklamak daha kolaydır.
  • Performans: React, bağımlılık için yerleşik bir kap kavramı sunmaz. Bağımlılıkları otomatik olarak enjekte etmek için Babel, ReactJS-di aracılığıyla kullandığımız Browserify, JS Require, EcmaScript 6 modüllerini kullanabilirsiniz.
  • Test edilebilirlik: ReactJS uygulamalarının test edilmesi kolaydır. Tepki görünümleri, durumun işlevleri olarak ele alınabilir, bu nedenle, ReactJS görünümüne geçip durumla başa çıkabiliriz, çıktıya ve tetiklenen eylemlere, olaylara, işlevlere vb. Bakabiliriz.

Kaynak: https://www.c-sharpcorner.com/article/what-and-why-reactjs/

Yorum bırakın