React nedir?
- React kursu
- Başlangıç
- Ders 1/84
- 4 dk
React'in bileşen tabanlı bir kütüphane olduğunu ve neden web'de bu kadar yaygın olduğunu öğrenirsin.
React nedir?
React, Facebook (bugünkü Meta) tarafından geliştirilen açık kaynaklı bir JavaScript kütüphanesidir. Kullanıcı arayüzlerini bileşenler (component) diye adlandırılan küçük ve yeniden kullanılabilir parçalardan kurarsın.
React'in kalbinde Virtual DOM (sanal DOM) yatar. React, arayüzün bir kopyasını bellekte tutar; bir şey değiştiğinde gerçek DOM'a yalnızca değişen kısmı uygular. Bu da hızlı güncellemeler sağlar.
Bugün Netflix, Airbnb ve Instagram gibi büyük ürünler React ile yazılır. React tek başına bir framework değil, bir kütüphanedir; ama react-router, Next.js gibi ek araçlarla tam bir framework gibi kullanılır.
Bileşen ve Virtual DOM
Bir bileşen, arayüzün bir parçasını üreten bir fonksiyondur. Örneğin Button, Avatar ve Header ayrı bileşenler olabilir. Bunları iç içe çağırarak tüm sayfayı kurarsın.
Virtual DOM, React'in hile sidir: React gerçek DOM'a dokunmadan önce değişikliği önce sanal kopyada uygular, sonra gerçek DOM ile farkını hesaplar. Bu diff işleminin sonucunda yalnızca gereken yer güncellenir.
Bu sayede sen ne görmek istediğini söylersin; nasıl güncelleneceğini React düşünür. Bu yaklaşım bildirimsel (declarative) programlama olarak adlandırılır.
Uygulama Boş bir React bileşeni yaz
Aşağıdaki iskeleti tamamla. Greeting adında bir fonksiyon tanımla ve içinde <h1>Merhaba</h1> döndür. Fonksiyonun export edildiğine dikkat et.
Başlangıç kodu
// Greeting bileşenini buraya tanımlaÖrnek çözüm
function Greeting() {
return <h1>Merhaba</h1>;
}
export default Greeting;Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 React hangi kuruluşta doğdu?
- Facebook'ta (Meta) Doğru cevap
- Google'da
- Microsoft'ta
- Apple'da
Açıklama: React, Facebook (bugünkü Meta) mühendisleri tarafından geliştirildi.
2 Kavramları eşleştir
| Kavram | Anlamı |
|---|---|
React |
Kütüphane |
Bileşen |
Arayüz parçası |
Virtual DOM |
Bellekte kopya |
Meta |
Şirket |
3 Virtual DOM'un temel faydası
React gerçek DOM yerine önce ____ günceller; sonra farkı uygular.React gerçek DOM yerine önce Virtual DOM günceller; sonra farkı uygular.Açıklama: Virtual DOM önce bellekte güncellenir, sonra fark gerçek DOM'a uygulanır.