Yazılım & No-Code

React.js Nedir?

Yayın: 16 Ekim 2026 · Son güncelleme: 16 Ekim 2026

React.js Nedir? Kısaca

React.js, Meta (eski adıyla Facebook) tarafından geliştirilen, kullanıcı arayüzlerini yeniden kullanılabilir bileşenlerle kurmayı sağlayan açık kaynaklı bir JavaScript kütüphanesidir. Tek sayfa web uygulamalarında çok yaygındır.

React.js nedir?

İçindekiler

React.js nedir?
Nasıl çalışır?
Öğrenmeye nereden başlanır?

React.js nedir?

React, web sayfalarının görünen kısmını, yani kullanıcı arayüzünü oluşturmak için kullanılan bir JavaScript kütüphanesidir. Facebook ekibi tarafından geliştirildi ve 2013'te açık kaynak olarak yayımlandı. Kendisi tam bir çatı değil, odağı yalnızca arayüzdür.

React'te sayfa küçük parçalara, yani bileşenlere bölünür. Bir buton, bir ürün kartı ya da bir menü ayrı bileşen olarak yazılır ve istenen yerde tekrar kullanılır.

Nasıl çalışır?

Her bileşenin bir durumu (state) vardır. Durum değiştiğinde React yalnızca etkilenen kısmı yeniden çizer. Bunu yaparken önce bellekteki sanal DOM üzerinde farkı hesaplar, sonra gerçek sayfada sadece gereken yeri günceller.

Örneğin bir e-ticaret sitesinde sepete ürün eklediğinizi düşünün. Sayfanın tamamı yenilenmez, yalnızca sağ üstteki sepet sayacı 2'den 3'e çıkar. Kod genellikle JSX denen, HTML'e benzeyen bir sözdizimiyle yazılır. Durum yönetimi ve yan etkiler için useState ve useEffect gibi hook'lar kullanılır.

Öğrenmeye nereden başlanır?

React'e geçmeden önce HTML, CSS ve özellikle modern JavaScript (dizi metotları, modüller, async/await) konularında rahat olmak gerekir. Ardından resmî dokümantasyondaki react.dev eğitimleri iyi bir başlangıçtır.

Yönlendirme, sunucu tarafı oluşturma ve SEO gibi ihtiyaçlar için React genellikle Next.js gibi bir çatıyla birlikte kullanılır. Küçük bir yapılacaklar listesi uygulaması, ilk proje için yeterince öğreticidir. Ekleme, silme ve filtreleme yaptıkça bileşenler arası veri akışını kendiliğinden kavrarsınız.

Sıkça Sorulan Sorular

React bir framework mü, kütüphane mi?

React kendini arayüz kütüphanesi olarak tanımlar. Yönlendirme veya veri çekme gibi işler için ek kütüphaneler ya da Next.js gibi çatılar kullanılır.

React ile React Native farkı nedir?

React web tarayıcısı için arayüz üretir. React Native ise aynı bileşen mantığıyla iOS ve Android için yerel mobil uygulama arayüzü oluşturur.

İlgili terimler

JavaScriptJavaScript, web sayfalarına buton tıklaması, form doğrulama ve anlık güncelleme gibi etkileşimler kazandıran, tarayıcıların yanı sıra Node.js ile sunucuda da çalışabilen yaygın bir programlama dilidir.Next.jsNext.js, React üzerine kurulu, sunucu tarafı oluşturma (SSR), statik sayfa üretimi ve dosya tabanlı yönlendirme gibi özellikleri hazır sunan açık kaynaklı bir web çatısıdır. Vercel şirketi tarafından geliştirilir.HTMLHTML (HyperText Markup Language), web sayfalarının başlık, paragraf, bağlantı, görsel ve form gibi içerik yapısını etiketlerle tanımlayan ve tarayıcıların sayfayı nasıl göstereceğini belirleyen standart işaretleme dilidir.Dizi(Array)Dizi (array), programlamada aynı isim altında birden fazla değeri sıralı biçimde saklayan veri yapısıdır. Her elemana sıra numarası olan indeks ile erişilir ve çoğu dilde indeks 0'dan başlar.MySQLMySQL, verileri tablolarda saklayan ve SQL diliyle yönetilen açık kaynak kodlu bir ilişkisel veritabanı yönetim sistemidir. Web sitelerinde, özellikle WordPress gibi PHP tabanlı sistemlerde çok yaygın kullanılır.NoSQLNoSQL, verileri sabit tablolar yerine doküman, anahtar-değer, sütun ailesi ya da graf gibi esnek yapılarda saklayan veritabanlarının genel adıdır. Adı "Not only SQL" (yalnızca SQL değil) olarak yorumlanır.