Özet - React girişi

Vite projesi açıp ilk bileşenini ekleyerek temel akışı birleştirirsin.

Özet - React girişi

Bu grupta React'in ne olduğunu, Vite ile nasıl proje açtığını ve ilk bileşenini nasıl yazacağını öğrendin. Şimdi bunları birleştirme zamanı.

Tipik bir akış şöyledir: Vite ile proje açarsın, src/App.jsx içine kendi bileşenini yazarsın ve büyük harfle başlayan bir fonksiyon olarak dışa aktarırsın. main.jsx bu bileşeni alıp #root içine çizer.

Bir sonraki adımda kendin bir bileşen yazıp akışı baştan sona yaşayacaksın.

Uygulama Welcome bileşeni

Aşağıdaki iskeleti tamamla. Welcome adında bir bileşen yaz; <main> içinde <h1>Hosgeldin</h1> ve <p>React'e basla</p> döndürsün. Dışa aktarmayı unutma.

Örnek çözümü göster

function Welcome() {
  return (
    <main>
      <h1>Hosgeldin</h1>
      <p>React'e basla</p>
    </main>
  );
}

export default Welcome;

Kendini test et

main.jsx ne yapar?
- CSS dosyalarını yükler
- Sunucuyu başlatır
- Testleri çalıştırır
- createRoot ile React'i root içine çizer
Cevabı göster

createRoot ile React'i root içine çizer — main.jsx içinde createRoot(...).render(<App />) çağrılır.
Akış adımlarını eşleştir

npm create vite

Proje aç
npm install

Bağımlılık kur
createRoot

Kök çiz
export default

Bileşeni dışa aktar

Sıradaki ders: JSX nedir?

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler