Ana içeriğe geç

Kurulum

React, başlangıçtan itibaren kademeli benimseme için tasarlanmıştır. İhtiyacınıza göre React'i az ya da çok kullanabilirsiniz. React'i denemek, bir HTML sayfasına biraz etkileşim eklemek veya karmaşık bir React tabanlı uygulama başlatmak istiyorsanız, bu bölüm size başlama konusunda yardımcı olacaktır.

  • Yeni bir React projesine nasıl başlanır
  • Mevcut bir projeye React nasıl eklenir
  • Editörünüzü nasıl ayarlarsınız
  • React Geliştirici Araçları nasıl kurulur

React'i Deneyin {/try-react/}

bilgi

React ile oynamak için hiçbir şey kurmanıza gerek yok. Bu kum havuzunu düzenlemeyi deneyin!

function Greeting({ name }) {
return <h1>Hello, {name}</h1>;
}

export default function App() {
return <Greeting name="world" />
}

İsterseniz doğrudan düzenleyebilir veya sağ üst köşedeki "Fork" düğmesine basarak yeni bir sekmede açabilirsiniz.

React belgelerindeki çoğu sayfa bu şekilde kum havuzları içerir. React belgeleri dışında, React'i destekleyen birçok çevrimiçi kum havuzu vardır: örneğin, CodeSandbox, StackBlitz veya CodePen.

React'i Yerel Olarak Deneyin {/try-react-locally/}

Başka bir bilgisayarda React'i yerel olarak denemek için bu HTML sayfasını indirin. Bunu editörünüzde ve tarayıcıda açın!

Yeni bir React projesi başlatın {/start-a-new-react-project/}

Eğer tamamen React ile bir uygulama veya web sitesi oluşturmak istiyorsanız, yeni bir React projesine başlayın.

Mevcut projeye React ekleyin {/add-react-to-an-existing-project/}

Eğer mevcut uygulamanızda veya web sitenizde React kullanmayı denemek istiyorsanız, mevcut bir projeye React ekleyin.

Sonraki adımlar {/next-steps/}

Her gün karşılaşacağınız en önemli React kavramlarını tanıtan Hızlı Başlangıç kılavuzuna gidin.