Mantığı Kancalara Ayırma: Parametreler ve Dönüşler
Tekrarlanan mantığı özel bir kancaya ayırın. Kolay yeniden kullanım için girdileri (parametreleri) ve kararlı bir dönüş biçimini (nesne/dizi) seçin.
Mantığı Kancalara Ayırma: Parametreler ve Dönüşler, CoddyKit'te ücretsiz bir React Academy dersidir. Bu, 3 dersinin 1. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, React Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. React Academy kursu toplamda 3 dersten oluşur.
Özel kancalar neden kullanılır?
Amaç: Tekrarlanan mantığı bir özel kancaya taşıyın. Kancalar; durumu, efektleri ve yardımcıları temiz bir API'nin arkasında bir araya getirir.
- Girdileri (parametreleri) seçin
- Döndürülecek yapıyı seçin
- Adların use ile başlamasını sağlayın
Çıkarılabilecek mantığı belirleme
İyi adaylar:
- Veri getirme + yükleniyor/hata bağlantısı
- Girdilerde gecikmeli çalışma/kısıtlama
- DOM olayları (ör. kaçış tuşu)
API'yi küçük ve odaklanmış tutun.
Çıkarmadan önce: satır içi veri getirme
Burada veri getirme mantığı bileşenin içinde bulunuyor. Bir sonraki adımda bunu bir kancaya çıkaracağız.
<div id="root"></div>
Sonra: useUser kancasını tanımlama
Mantığı useUser(userId) içine çıkarıyor ve { data, loading, error, refetch } döndürüyoruz.
<div id="root"></div>
Parametreleri ve dönüşleri tasarlama
Parametreler: Yalnızca kancanın ihtiyaç duyduğu değerleri kabul edin (ör. userId).
Dönüş: Kararlı bir nesne/dizi döndürün (ör. { data, loading, error, refetch }). İç ref'leri veya veri getirme ayrıntılarını dışa açmaktan kaçının.
İpuçları: adlandırma ve kararlılık
İpuçları:
- Ad use ile başlar (ör. useUser).
- Mümkün olduğunda kararlı kimlikler döndürün; gerekirse geri çağrıları önbelleğe alın.
- Efektleri düzenli tutun (bağımlılıklar eksiksiz olsun; temizleme sırasında iptal edin).
Kanca API'si yapısı kontrolü
Özet
Özet: Tekrarlanan mantığı bir özel kancaya çıkarın, en az sayıda parametre seçin ve verilerle işlemleri içeren açık bir nesne/dizi döndürün.
Sıkça Sorulan Sorular
“Mantığı Kancalara Ayırma: Parametreler ve Dönüşler” dersi ücretsiz mi?
Evet — “Mantığı Kancalara Ayırma: Parametreler ve Dönüşler” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve React Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. React Academy kursu toplamda 3 dersten oluşur.
“Mantığı Kancalara Ayırma: Parametreler ve Dönüşler” dersinde ne öğreneceğim?
Tekrarlanan mantığı özel bir kancaya ayırın. Kolay yeniden kullanım için girdileri (parametreleri) ve kararlı bir dönüş biçimini (nesne/dizi) seçin. React Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.
React Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te React Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 3 dersinin 1. dersidir.
“Mantığı Kancalara Ayırma: Parametreler ve Dönüşler” dersi ne kadar sürer?
Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.
Bu React Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her React Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.
Bu kursun tüm dersleri
- Mantığı Kancalara Ayırma: Parametreler ve Dönüşler
- Adlandırma, Önbellekleme ve Efekt Düzeni
- Özel Kancaları Test Etme (Önizleme)