Başlangıç

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. Bir Merhaba Dünya şablonu deneyin CodePen, CodeSandbox, veya Glitch.

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 dahil edebilirsiniz.

Yeni bir React Uygulaması Oluşturun

Bir React projesi başlatırken, script etiketleri olan basit bir HTML sayfası hala 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.

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 bolümünü nihayet “kafama dank etti” anı olarak belirtir. Muhtemelen React’in en eski ‘oyun nasıl bitirilir rehberi’ ama hala aynı derecede alakalı.

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, and dosya yapısı dahil 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 dahil 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!