📄️ Mevcut Bir Projeye React Eklemek
Reactı mevcut projenize entegre etmek için birçok yol vardır. Bu kılavuz, Reactı mevcut web uygulamalarınıza ve sayfalarınıza eklemenin kapsamlı yol haritasını sunmaktadır.
📄️ Etkileşim Ekleme
Bu bölümde, etkileşimleri yöneten bileşenler yazmayı, durumlarını güncellemeyi ve zamanla farklı çıktılar göstermeyi öğreneceksiniz. Reactte durumun nasıl yönetileceğine dair temel bilgiler sunulmaktadır.
📄️ UIyi Tanımlama
Bu bölümde, React bileşenleri oluşturmayı, özelleştirmeyi ve koşullu olarak görüntülemeyi öğreneceksiniz. Ayrıca komponentlere props geçirme yöntemlerini keşfedeceksiniz.
📄️ Hızlı Başlangıç
React uygulamalarına giriş yapmak için temel kavramları öğrenin. Bu sayfa, yeni başlayanlar için kritik bilgileri sunmaktadır.
📄️ Kurulum
React, başlangıçtan itibaren kademeli benimseme için tasarlanmıştır. Bu bölüm size React ile başlama konusunda yardımcı olacaktır. Reacti denemek ve projelere entegre etmek için gerekli adımlar açıklanmıştır.
📄️ React Derleyicisi
Bu sayfa, React Derleyicisine bir giriş yapacak ve bunu başarıyla nasıl deneyebileceğinizi gösterecektir. Ayrıca, derleyicinin nasıl kullanılacağı ve sağladığı avantajlar hakkında bilgi verecektir.
📄️ Girdi ile Duruma Tepki Verme
React ile kullanıcı arayüzünü deklaratif bir şekilde yönetmeyi öğrenin. Bu kılavuz, bileşen durumlarının nasıl tanımlanacağını ve değiştireceğinizi gösterir.
📄️ Yeni Bir React Projesi Başlatın
Yeni bir React projesi başlatmak için çerçeve seçiminin önemli sebeplerine göz atın. React ile çerçevesiz kullanmanın avantajları ve dezavantajları hakkında bilgi edinin.
📄️ Anlık Durum
Durum değişkenlerinin nasıl çalıştığını, ayarlandığında yeniden render tetikleyip tetiklemediğini keşfedin. Etkileşimlerinizi doğru yönetmek için kritik ipuçları edinin.
📄️ Reactte Düşünmek
React ile kullanıcı arayüzü geliştirme sürecine dair temel kavramlar ve bileşen yapısı hakkında bilgi verilmektedir. Bu kılavuz, pratik örneklerle süreci açıklamaktadır.
📄️ Eğitim XOX
Bu eğitimde React kullanarak etkileşimli bir XOX oyunu oluşturacaksınız. Hem temel kavramları öğrenecek hem de oyunu tamamlayacaksınız.
📄️ TypeScript Kullanımı
TypeScript, JavaScript projelerinde tür tanımlamaları eklemek için kullanılır. Bu kılavuz, TypeScript ile React kullanmanın temellerini kapsar.
📄️ Kullanıcı Arayüzünüzü Bir Ağaç Olarak Anlamak
React uygulamalarında kullanıcı arayüzlerinin ağaç yapısı ile nasıl modellendiğini keşfedin. Bileşen ilişkilerini anlamanın yanı sıra performans ve durum yönetiminde nasıl faydalı olabileceğini öğrenin.
📄️ İlk Bileşenin
Bu makalede, React bileşenlerinin temel kavramlarını keşfedecek ve ilk bileşeninizi nasıl yazacağınızı öğreneceksiniz. Bileşenler, kullanıcı arayüzlerini inşa etmenin temel yapı taşlarıdır.
📄️ Bağlam ile Derin Veri Aktarımı
Bu içerik, Reactte bilgiyi üst bileşenden alt bileşene aktarmak için bağlamın nasıl kullanılacağını açıklamar. Ayrıca, props geçişinin olası zorluklarını ele alıyor.
📄️ Reducer ve Context ile Ölçeklendirme
Bu belge, React uygulamalarında reducer ve context kullanarak etkili durum yönetimini açıklamaktadır. Öğrenecekleriniz arasında reducer ile contextin birleştirilmesi ve prop geçişinden kaçınma yer almaktadır.
📄️ Durum Yapısını Seçme
Durum yapısını seçerken dikkat edilmesi gereken ilkeler ve ipuçları. Gereksiz durumlardan nasıl kaçınacağınızı öğrenin.
📄️ Koşullu Renderleme
Reactte koşullu renderleme yöntemlerini öğrenin. Farklı durumlarda JSX nasıl döndürüleceğini keşfedin.
📄️ Editör Ayarları
Doğru yapılandırılmış bir editör, kodu daha okunabilir hale getirir ve yazma hızını artırır. Bu guıde, popüler editörleri ve önerilen özellikleri keşfetmenize yardımcı olacaktır.
📄️ Kaçış Hızları
Bu bölümde, React dışındaki sistemlerle etkileşim kurmak için kaçış hızlarını öğrenin. Refs, Effects ve daha fazlasını keşfedin.
📄️ Durum Mantığını Bir Reducera Dönüştürme
Bu doküman, bileşenlerdeki karmaşık durum güncellemelerini yönetmek için reducer kullanımını açıklar. Reducer işlevinin, durum ayarlamaktan eylemleri dağıtmaya geçiş ve örnekler içerir.
📄️ JSX ile JavaScript ve Küme Parantezleri
JSX, JavaScriptte HTML benzeri işaretleme yazmayı kolaylaştırır. Bu sayfada, JSXde JavaScript değişkenleri ve fonksiyonları nasıl kullanılacağına dair bilgi bulacaksınız.
📄️ Bileşenleri Saf Tutma
Bu makalede, bileşenlerinizi saf fonksiyonlar olarak yazmanın önemini ve bunu nasıl başaracağınızı öğreneceksiniz. Hatalardan kaçınma yolları ve Sıkı Modu kullanma yöntemleri üzerinde durulmaktadır.
📄️ Reaktif Etkilerin Yaşam Döngüsü
Bu bölümde, reaktif etkilerin yaşam döngüsünü ve bileşenlerin nasıl senkronize olduğunu öğreneceksiniz. Reactın etkileri nasıl yeniden senkronize ettiğini anlamak önemlidir.
📄️ Durum Yönetimi
Bu bölümde, durumunuzu nasıl iyi yapılandıracağınızı öğreneceksiniz. Gereksiz durumları ortadan kaldırarak hata kaynağını azaltabilir ve bileşenler arasında durumu paylaşıp yönetmeyi öğrenebilirsiniz.
📄️ Refs ile DOM İşlemleri
Bu sayfada, Reactta refs kullanarak DOM öğelerine nasıl erişeceğinizi ve bunlarla nasıl etkileşime geçeceğinizi öğreneceksiniz. Özellikle, useRef ve event handlerlar ile refler üzerine önemli bilgiler sunulmaktadır.
📄️ Bir Bileşene Props Geçirme
React bileşenleri arasında veri iletimi için props kullanımını keşfedin. Propsları geçirme, okuma ve varsayılan değerler belirleme konularında adım adım rehberlik edilecektir.
📄️ Durumun Korunması ve Sıfırlanması
Bu bölümde, React bileşenlerinin durum yönetimi konusunda önemli bilgiler öğreneceksiniz. Durumun korunması ve sıfırlanmasıyla ilgili temel kavramlar ve örnekler bulacaksınız.
📄️ Durum Güncellemeleri Sırasını Bekletme
Bir durum değişkenini ayarlamanın, bir sonraki renderı nasıl etkilediğini ve Reactin durum güncellemelerini nasıl grupladığını anlayın. Bu makalede, güncelleyici fonksiyonlarının nasıl çalıştığını da keşfedeceksiniz.
📄️ React Geliştirici Araçları
React Geliştirici Araçları, bileşenleri incelemek, özellikleri düzenlemek ve performans sorunlarını tanımlamak için kullanılan önemli bir araçtır. Bu kılavuz, tarayıcı eklentisinin ve mobil uygulama desteğinin nasıl kurulacağını açıklar.
📄️ Değerleri Referanslarla İşaretleme
Bu doküman, Reactte değerleri ref ile nasıl yöneteceğiniz hakkında bilgi sağlar. Ref ve durum arasındaki farkları anlamanıza ve en iyi uygulamaları öğrenmenize yardımcı olur.
📄️ Etkileri Kaldırma Bağımlılıkları
Bu kılavuz, Reactteki etkilerinizden gereksiz bağımlılıkları nasıl gözden geçirip kaldıracağınızı anlatmaktadır. Elde edeceğiniz bilgilerle, etkilerinizin verimliliğini artırabilirsiniz.
📄️ Render ve Taahhüt
React uygulamalarında render ve taahhüt süreçlerini anlamak, bileşenlerin nasıl çalıştığını ve davranışını açıklamak için önemlidir. Bu makale, render sürecini üç adımda detaylandırmaktadır.
📄️ Liste Oluşturma
Bu bölümde, JavaScript dizileri ve React kullanarak dinamik listeler nasıl oluşturulur öğrenilecektir. Özellikle, map() ve filter() yöntemlerinin nasıl kullanıldığına dair örnekler bulunmaktadır.
📄️ Olaylara Yanıt Verme
Bu bölümde Reactte olay işleyicilerinin nasıl kullanılacağını öğreneceksiniz. Olay işleyicilerinin özelliklerini ve yayılma mekanizmasını keşfedeceksiniz.
📄️ Özel Hooklar ile Mantığı Yeniden Kullanma
Reactte özel hooklar oluşturarak bileşenler arasında mantığı paylaşmanın nasıl olduğunu öğrenin. Bu kılavuz, özel hooklarınızı geliştirme ve uygulamanızda nasıl kullanacağınız konusunda rehberlik eder.
📄️ Olayları Etkilerden Ayırma
Bu sayfa, olay işleyicileri ve etkiler arasındaki farkları anlamanızı sağlayarak, etkilerin reaktif şekilde nasıl çalıştığını açıklamaktadır. Ayrıca, reaktif değerleri ve mantığı netleştirecektir.
📄️ Bileşenler Arasında Durum Paylaşımı
Bu kılavuzda, React bileşenleri arasında durumu yükseltme yöntemlerini keşfedeceksiniz. Bileşenleri koordine etmek, durumu paylaşmak ve daha fazlasını öğrenin.
📄️ State Bir Bileşenin Belleği
Bu makalede, React bileşenlerinde durum (state) yönetimini öğreneceksiniz. Durum değişkenleri nasıl eklenir ve kullanılır, detaylı örneklerle açıklanacaktır.
📄️ Efektlerle Senkronizasyon
React bileşenlerinin dış sistemlerle nasıl senkronize olabileceğini ve efektlerin bu süreçte nasıl kullanılacağını öğrenin. Efektleri kullanmanın temel ilkelerini ve en iyi uygulamalarını keşfedin.
📄️ Durum İçindeki Dizileri Güncelleme
Bu sayfa, Reactte durum içindeki dizilerin nasıl güncelleneceğini, dikkat edilmesi gereken yöntemleri ve en iyi uygulamaları anlatmaktadır.
📄️ Durumda Nesneleri Güncelleme
Bu içerik, Reactte durum nesnelerini nasıl güncelleyeceğinizi açıklamaktadır. Doğru güncellemeleri yapmayı ve mutasyon sorunlarını aşmayı öğrenin.
📄️ JSX ile İşaretleme Yazma
JSX, JavaScript dosyası içinde HTML benzeri işaretleme yazmanızı sağlayan bir sözdizimi uzantısıdır. Bu kılavuz, JSXi anlamanıza ve kullanmanıza yardımcı olacaktır.
📄️ Etkilere İhtiyacınız Olmayabilir
Bu makalede, React bileşenlerinizde gereksiz etkileri nasıl kaldıracağınızı ve bunun performansınıza nasıl katkıda bulunacağını keşfedeceksiniz. Kullanıcı olayları ve veri yönetimi için en iyi uygulamalara göz atın.
📄️ Bileşenleri İçe ve Dışa Aktarma
Bu sayfada, bileşenlerin nasıl içe ve dışa aktarılacağı hakkında bilgi bulacaksınız. Ayrıca varsayılan ve adlandırılmış içe ve dışa aktarmalar hakkında detaylar yer almaktadır.