İçeriğe geç

React Nedir? Component ve State Yonetimi

10.10.2024 1,985 okunma

React Nedir?

React, Facebook (Meta) tarafından geliştirilen açık kaynaklı bir JavaScript kütüphanesidir. Kullanıcı arayüzü (UI) oluşturmak için bileşen (component) tabanlı bir yaklaşım sunar. Tek sayfa uygulamalar (SPA) geliştirmede sektörün en popüler araçlarından biridir.

Bileşen (Component) Nedir?

React'ta her UI parçası bağımsız bir bileşendir. Başlık, menü, kart veya form ayrı bileşenler olarak yazılır ve birbirinin içine yerleştirilerek sayfa oluşturulur. Bileşenler JavaScript fonksiyonu veya sınıf şeklinde tanımlanabilir; günümüzde fonksiyonel bileşenler tercih edilmektedir.

JSX Sözdizimi

React, JSX (JavaScript XML) adı verilen özel bir sözdizimi kullanır. HTML benzeri yapılar doğrudan JavaScript içinde yazılabilir: return <h1>Merhaba Dünya</h1>;

Props ve State

Props, üst bileşenden alt bileşene veri aktarımını sağlar; salt okunurdur. State, bileşenin kendi içinde tuttuğu dinamik veridir. State değiştiğinde React ilgili bileşeni otomatik olarak yeniden render eder.

Virtual DOM

React, gerçek DOM yerine bellek içinde sanal bir DOM (Virtual DOM) tutar. State değişikliklerinde önce sanal DOM güncellenir, ardından gerçek DOM ile farklar karşılaştırılarak yalnızca değişen kısımlar güncellenir. Bu yaklaşım performansı önemli ölçüde artırır.

Bilkey Web Tasarım Kursu

Bilkey Bilişim Akademisi'nde web tasarım ve yazılım eğitimi HTML/CSS temelinden React'a kadar kapsamlı bir müfredatla sunulmaktadır. Kurtköy Pendik'te birebir özel ders alabilirsiniz.

react nedir react component react usestate javascript react pendik
Web Tasarım Yazılım Eğitimi hakkında bilgi almak ister misiniz?

Birebir özel yüz yüze eğitim yada uzaktan eğitim, esnek ders saatleri ile Pendik Kurtköy'de.