Yazılım mühendisliği eğitim kampımın 2. aşamasında, React.JS kitaplığını/çerçevesini öğrenmeye başladık. Çok sayıda laboratuvarı tamamladıktan ve derse katıldıktan sonra, yalnızca düz JavaScript yerine React kullanmanın ölçeklenebilirliğini fark etmeye başladım.

Bildirimsel Programlama

React'te kod yazarken, bildirime dayalı programlama yapıyorsunuz. Bu, bir programın neyi başarması gerektiğini açıkladığımız ve bunun nasıl başarılacağının program tarafından belirlendiği anlamına gelir. Düz JavaScript açısından, zorunlu olarak programlama yapıyor olacaksınız, bu da bir programın gerçekleştirmesi gereken eylemleri açıkça verdiğimiz ve bir programın bu eylemleri nasıl kullanması gerektiğini açıkladığımız anlamına gelir.

const header = document.createElement('h1');
header.textContent = "Hello World!";
header.className = "main";

const container = document.querySelector('#container')
container.append(header)

// JSX syntax
const header = <h1 className="main">Hello from React!</h1>;

ReactDOM.render(header, document.querySelector("#container"));

Bileşenler

React, uygulamalarımızı bileşenler kullanarak yapılandırarak çalışır. Bileşenler, web sayfamızın kendi verilerini ve stillerini işlemelerine ve almalarına izin veren bölümleridir. Bileşenlerin kullanımı, uygulamaların aynı işlevselliği korurken yüksek düzeyde yeniden kullanılabilir ve ölçeklenebilir olmasına olanak tanır.

Çözüm

Sınıftan öğrendiğim bir benzetme, React'i öğrenmenin bir arabanın nasıl çalıştığını öğrenmek gibi olduğudur. Arabalar, işlevsel bir araç üretmek için temel olan birçok parçaya sahiptir. Motorun, şanzımanın ve süspansiyon sisteminin nasıl çalıştığını bilmek faydalı olabilir, ancak daha gerekli olan şey pedalları doğru kullanmayı, direksiyonu yönlendirmeyi ve vites değiştirmeyi anlamaktır.