Genel Katman Yöneticisi (Context + Reducer)
Katmanları Context + Reducer kullanarak merkezileştirin: her yerden çağrılabilen basit eylemlerle kip pencereleri/bildirimler için tek bir depo oluşturun.
Genel Katman Yöneticisi (Context + Reducer), CoddyKit'te ücretsiz bir React Academy dersidir. Bu, 3 dersinin 2. 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.
Genel bir yönetici neden kullanılır
Amaç: Tüm üst katmanları tek bir yerden denetlemek.
- Bağlam eylemleri sunar
- İndirgeyici durumu yönetir
- İletişim kutuları yığılır; bildirimler kuyruğa alınır
Tasarım kuralları
- Üst katmanlar için tek bir depo tutun
- openModal/closeTop/showToast eylemlerini sunun
- Katmanları bir portal aracılığıyla oluşturun
- Erişilebilirliğin temellerini koruyun: role="dialog", Esc/arka plan
Durum deposu: bağlam + indirgeyici
Küçük bir durum deposu oluşturun: modal pencereler ve bildirimler için yığınlar; basit eylemler.
<div id="root"></div>Bileşenlerden yöneticiyi kullanma
Herhangi bir bileşen openModal / showToast çağırır; özellikleri zincirleme aktarmaya gerek yoktur.
<div id="root"></div>Yığınlama + en üsttekini kapatmak için Escape
Bir yığını destekleyin: başka bir modal pencereyi içinden açın; Escape en üsttekini kapatır.
<div id="root"></div>İpuçları ve kontrol listesi
- Katman durumunu genel tutun
- Küçük eylemler sunun
- Katmanları bir portal ile oluşturun
- Escape/arka plan ile en üstteki katmanı kapatın
Katman yöneticisi kavramı kontrolü
Özet
Özet: Genel katman deposu (bağlam + indirgeyici), modal pencereleri ve bildirimleri merkezi bir yerde toplar. Bileşenler eylemler gönderir; katmanlar bir portal aracılığıyla oluşturulur; Escape/arka plan en üstteki katmanı kapatır.
Sıkça Sorulan Sorular
“Genel Katman Yöneticisi (Context + Reducer)” dersi ücretsiz mi?
Evet — “Genel Katman Yöneticisi (Context + Reducer)” 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.
“Genel Katman Yöneticisi (Context + Reducer)” dersinde ne öğreneceğim?
Katmanları Context + Reducer kullanarak merkezileştirin: her yerden çağrılabilen basit eylemlerle kip pencereleri/bildirimler için tek bir depo oluşturun. 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 2. dersidir.
“Genel Katman Yöneticisi (Context + Reducer)” 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
- Portallar, Odak Tuzağı, Escape ile Kapatma
- Genel Katman Yöneticisi (Context + Reducer)
- Erişilebilirlik için Duyurular (aria-live)