0Pricing
React Academy · Ders

Context Ne Zaman Kullanılmamalı

Prop aktarmanın, bileşimi veya bir durum yöneticisinin daha uygun olduğu durumları belirleyin.

Context Ne Zaman Kullanılmamalı, CoddyKit'te ücretsiz bir React Academy dersidir. Bu, 4 dersinin 4. 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 4 dersten oluşur.

Hoş Geldiniz

Bu derste React Context'in yanlış araç olduğu durumları ve özellik geçirmenin, bileşimin veya bir durum yöneticisinin daha uygun ve basit bir seçenek olduğu senaryoları öğreneceksiniz.

Bağlam Her Derde Deva Değildir

Bağlam çoğu zaman gereğinden fazla kullanılır. Geliştiriciler herhangi bir özellik aktarımından kaçınmak için ona başvurur; ancak bu, gizli bağımlılıklar oluşturur, bileşenlerin test edilmesini zorlaştırır ve performansı olumsuz etkileyebilir.

Özelliklerin Daha İyi Olduğu Durumlar

Bir değer, birbirine yakın iç içe geçmiş 1–3 bileşen tarafından kullanılıyorsa özellik aktarımı daha basit, daha açık ve izlenmesi daha kolaydır. Bağlam, sağlayıcı için kalıp kod ekler ve veri akışını gizler.
// Don't need Context for this
function Page() {
  const [color, setColor] = useState('blue');
  return <Header color={color} />; // simple, clear
}

Bileşim Daha İyi Olduğunda

3 veya daha fazla düzey boyunca özellik aktarımından kaçınmanız gerekiyorsa önce bileşimi deneyin: tamamen oluşturulmuş tüketiciyi özellik olarak aktarın. Bağlama gerek kalmaz ve veri akışı yine açık olur.

Bağlam Gizli Bağımlılığa Yol Açar

useContext(UserCtx) çağıran bir bileşen, UserProvider ile sarmalanmadan yeniden kullanılamaz. Özellikler bağımlılıkları açık hâle getirir; bir bileşenin imzasından tam olarak neye ihtiyaç duyduğunu görebilirsiniz.

Yüksek Sıklıkta Gerçekleşen Güncellemeler

Saniyede birçok kez değişen değerler için Bağlam kullanmayın (örneğin fare konumu veya animasyon ilerlemesi). Her değişiklik tüm tüketicilerin yeniden oluşturulmasına neden olur. Bunun yerine başvurular, harici depolar veya sinyal tabanlı bir kitaplık kullanın.

Bağlam Bir Durum Yöneticisi Değildir

Bağlam yalnızca değerleri dağıtır; yerleşik önbelleğe alma, geliştirici araçları veya ara katman yazılımı içermez. Sık güncellenen karmaşık paylaşılan durumlar için bu amaçla tasarlanmış Zustand, Redux veya Jotai kullanın.

Sunucu Durumu Bağlama Ait Değildir

Bir sunucudan alınan veriler (kullanıcı listesi veya gönderiler) Bağlam'a ait değildir. React Query, SWR veya RTK Query; önbelleğe alma, arka planda yeniden veri alma ve hata durumlarıyla sunucu durumunu yönetir; Bağlam bunların hiçbirini yönetmez.

Form Durumu Bağlama Ait Değildir

Form alanlarını Bağlam'da yönetmek, her tuş vuruşunda tüm bağlam tüketicilerinin yeniden oluşturulmasına neden olur. Bunun yerine yerel bileşen durumu veya React Hook Form gibi bir form kitaplığı kullanın.

Bağlamın IS Doğru Araç Olduğu Durumlar

Bağlam şu amaçlar için idealdir: mevcut kullanıcı ve kimlik doğrulama durumu, tema (açık/koyu), yerel ayar ve yerelleştirme ile ilgili değerler ve birçok bileşenin okuduğu, ancak nadiren değişen diğer sabit, bileşenler arası değerler.

Kısa Kontrol

React Context'te depolamak için hangi veri türü LEAST uygundur?

Özet

Kimlik doğrulama, tema ve yerel ayar gibi sabit, bileşenler arası değerler için Bağlam kullanın. 1–3 düzeylik aktarım için özellikleri tercih edin. Derinlemesine aktarımda bileşimi tercih edin. Sunucu durumu için React Query, karmaşık paylaşılan durum için Zustand veya Redux kullanın.

Kurs Tamamlandı

Tebrikler! **React Context Kalıpları ve Performansı** kursunu tamamladınız. Bağlamları nasıl böleceğinizi, değerleri nasıl anımsayacağınızı, seçicileri nasıl uygulayacağınızı ve aynı derecede önemli olarak Bağlamı ne zaman hiç kullanmamanız gerektiğini artık biliyorsunuz.

Sıkça Sorulan Sorular

“Context Ne Zaman Kullanılmamalı” dersi ücretsiz mi?

Evet — “Context Ne Zaman Kullanılmamalı” 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 4 dersten oluşur.

“Context Ne Zaman Kullanılmamalı” dersinde ne öğreneceğim?

Prop aktarmanın, bileşimi veya bir durum yöneticisinin daha uygun olduğu durumları belirleyin. 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, 4 dersinin 4. dersidir.

“Context Ne Zaman Kullanılmamalı” 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

  1. Yeniden Oluşturmaları Sınırlamak için Context'leri Bölme
  2. Context Değerlerini useMemo ile Önbelleğe Alma
  3. Context Seçici Deseni
  4. Context Ne Zaman Kullanılmamalı
← React Academy Sayfasına Dön