Başlangıç
These docs are old and won’t be updated. Go to react.dev for the new React docs.
The new Quick Start teaches modern React and includes live examples.
Bu sayfa React kullanım kılavuzu ve ilgili kaynaklara genel bir bakıştır.
React kullanıcı arayüzleri geliştirebileceğiniz bir JavaScript kütüphanesidir. React’in tam olarak ne olduğunu ana sayfamızdan veya eğitim bölümünden öğrenin.
React’i Deneyin
React, baştan sona aşamalı olarak benimsenmesi için tasarlandı. React’i ihtiyacınız kadar az veya daha fazla kullanabilirsiniz. React’ın tadına bakmak, basit bir HTML sayfasına biraz etkileşim katmak veya karmaşık bir React destekli uygulama başlatmak isteyip istemediğinize göre, bu bölümdeki bağlantılar başlamanıza yardımcı olacaktır.
Çevrimiçi Vakit Geçirme Alanları
React ile vakit geçirmek istiyorsanız, çevrimiçi bir kod oyun alanını kullanabilirsiniz. CodePen, CodeSandbox veya Stackblitz seçeneklerinden birisiyle bir Merhaba Dünya şablonu deneyin.
Kendi metin düzenleyicinizi kullanmayı tercih ediyorsanız bu HTML dosyasını da indirebilir, düzenleyebilir ve sisteminizde kurulu bir tarayıcı ile açabilirsiniz. Yavaş bir kod işleme dönüşümü yapar, bu yüzden bunu basit gösteriler için kullanmanızı tavsiye ederiz.
Bir Web Sitesine React Ekleyin
Bir dakika içinde bir HTML sayfasına React ekleyebilirsiniz. Daha sonra içeriğini aşamalı olarak genişletebilir veya birkaç dinamik araca dâhil edebilirsiniz.
Yeni bir React Uygulaması Oluşturun
Bir React projesi başlatırken, script etiketleri olan basit bir HTML sayfası, hâlâ en iyi seçenek olabilir. Kurulumu sadece bir dakika sürer!
Uygulamanız büyüdükçe, daha entegre bir kurulum düşünebilirsiniz. Daha büyük uygulamalar için önerdiğimiz birkaç JavaScript araç-zinciri vardır. Her biri çok az veya sıfır yapılandırma ile çalışabilir ve zengin React ekosisteminden tam olarak yararlanmanızı sağlar.
React Öğrenin
İnsanlar farklı geçmişlerden ve farklı öğrenme tarzlarıyla React’e geliyorlar. Tercih ettiğiniz yaklaşım ister teorik, ister pratik olsun, bu bölümü faydalı bulacağınızı umuyoruz.
- Yaparak öğrenmeyi tercih ediyorsanız, pratik öğreticimizle başlayın.
- Kavramları adım adım öğrenmeyi tercih ediyorsanız, ana kavramlar rehberimizle başlayın.
Bilinmeyen herhangi bir teknoloji gibi, React de bir öğrenme eğrisine sahiptir. Pratik yaparak ve biraz da sabır ile üstesinden geleceksiniz.
İlk Örnekler
React anasayfa canlı editörü ile birkaç küçük React örneği içerir. Henüz React hakkında bir şey bilmiyorsanız bile kodlarını değiştirmeyi deneyin ve sonucu nasıl etkilediğinizi görün.
Yeni Başlayanlar İçin React
React anlatımlarının hızlı geçtiğini düşünüyorsanız, Tania Rascia ile React’e genel bakışı inceleyin. En önemli React konseptlerini ayrıntılı, acemi dostu bir şekilde sunar. İşiniz bittiğinde anlatımları bir kez daha deneyin!
Tasarımcılar İçin React
Tasarım tecrübeniz varsa, bu kaynaklar başlamanız için uygundur.
JavaScript Kaynakları
React anlatımları, JavaScript dilinde programlama konusunda biraz bilgi sahibi olduğunuzu varsaymaktadır. Uzman olmanız gerekmiyor, ancak hem React hem de JavaScript’i aynı anda öğrenmek zor.
Seviyenizi kontrol etmek için JavaScript’e genel bakış sayfasına gitmenizi öneririz. 30 dakika ile bir saat arasında sürecek ama React öğrenirken daha rahat ve özgüvenli hissedeceksiniz.
İpucu
JavaScript’te bir konuda ne zaman kafanız karışırsa, MDN ve javascript.info kontrol etmek için harika web siteleridir. Ayrıca yardım isteyebileceğiniz topluluk destek forumları da vardır.
Pratik Öğretici
Yaparak öğrenmeyi tercih ediyorsanız pratik öğreticimize göz atın. Bu derste, React ile bir Tic Tac Toe oyunu inşa ediyoruz. Oyun inşa etmediğiniz için bu kısmı atlamak isteyebilirsiniz - ama bir şans verin. Derste öğreneceğiniz teknikler herhangi bir React uygulaması oluşturmak için temeldir ve uygulamanın ileri seviyesi size daha derin bir anlayış verecektir.
Adım adım rehber
Kavramları adım adım öğrenmeyi tercih ederseniz ana kavramlar rehberi başlamak için en iyi yerdir. Her bir sonraki bölüm, önceki bölümlerde sunulan bilgilere dayanıyor, böylece ilerledikçe hiçbir şeyi kaçırmayacaksınız.
React’te Düşünmek
Pek çok React kullanıcısı React’te Düşünmek bölümünü nihayet “kafama dank etti” anı olarak belirtir. Muhtemelen React’in en eski ‘oyun nasıl bitirilir rehberi’ ama hala aynı derecede alakalı.
Önerilen Kurslar
Bazen insanlar üçüncü şahıs kitapları ve video kurslarını resmi anlatımlara göre daha yararlı bulurlar. Bazıları ücretsiz olan, sıkça tavsiye edilen kaynakların bir listesini sunuyoruz.
Gelişmiş Kavramlar
Ana kavramlarda bilgi sahibi olup biraz React ile oynadığınızda, daha ileri konulara ilgi duyabilirsiniz. Bu bölüm size context ve ref’ler gibi güçlü fakat daha az kullanılan React özelliklerini tanıtacaktır…
API Referansı
Bu bölüm, belirli bir React API hakkında daha fazla ayrıntı öğrenmek istediğinizde faydalıdır. Örneğin, React.Component API reference size setState()‘in nasıl çalıştığını ve hangi ‘yaşam döngüsü’ metodunun işinize yarayacağı konusunda ayrıntılı bilgi verebilir.
Terimler sözlüğü ve SSS
Terimler sözlüğü React anlatımlarında göreceğiniz en yaygın terimlerin bir özetini içerir. AJAX isteği yapma, bileşen durumu, ve dosya yapısı dâhil olmak üzere ortak konular hakkında kısa soru ve cevaplara ayrılmış bir SSS bölümü de bulunmaktadır.
Haberdar olun
React blog, React ekibinden yapılan güncellemelerin resmi kaynağıdır. Sürüm notları veya itiraz bildirimleri dâhil olmak üzere, önemli olan her şey önce buraya gönderilecektir.
Twitter’da @reactjs hesabını da takip edebilirsiniz, ama sadece blogu okursanız önemli hiç bir şeyi kaçırmazsınız.
Her React sürümü kendi blog gönderisini hak etmiyor ama her sürüm için yapılan değişikliklerin ayrıntılarını React reposundaki CHANGELOG.md dosyasında ve Sürümler sayfasında bulabilirsiniz.
Versiyon Anlatımı
Bu bölüm her zaman React’in en son kararlı versiyonunu yansıtır. React 16’dan beri, açıklamaların eski sürümlerini ayrı bir sayfada bulabilirsiniz. Geçmiş sürümlere ait açıklamaların yayınlanma tarihinde anlık olarak görüntülendiğini ve sürekli güncellenmediğini unutmayın.
Bir şeyler mi eksik?
Anlatımlarda bir şey eksikse veya kafa karıştırıcı bir bölüm bulursanız, lütfen düzeltme/geliştirme önerilerinizle ilgili issue gönderin veya @reactjs hesabına tweet atın. Sizden bildirim almayı çok seviyoruz!