NgRx Store Temelleri
NgRx ile durum yönetiminin temellerini öğrenin.
NgRx Store Temelleri, CoddyKit'te ücretsiz bir Angular 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, Angular Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Angular Academy kursu toplamda 3 dersten oluşur.
NgRx Store'a Giriş
NgRx Store Temelleri
Bu derste, Angular uygulamaları için güçlü bir durum yönetimi çözümü olan NgRx ile tanışacaksınız.
NgRx Nedir?
NgRx Nedir?
NgRx, Redux'tan esinlenmiştir ve Angular uygulamalarındaki durumu merkezi olarak yönetmeye yardımcı olarak bileşenler arasındaki veri işlemlerini basitleştirir.
NgRx Neden Kullanılır?
NgRx Neden Kullanılır?
- Merkezi durum yönetimi
- Açık ve öngörülebilir veri akışı
- Daha kolay hata ayıklama ve test
Temel Kavramlar
Temel Kavramlar
NgRx şu temel kavramları içerir:
- Store: Uygulama durumunu tutar
- Eylemler: Olayları açıklar
- Reducer'lar: Durum geçişlerini yönetir
- Selector'lar: Durum verilerini alır
NgRx Store'u Yükleme
NgRx Store'u Yükleme
NgRx'i npm kullanarak yükleyin:
npm install @ngrx/store --saveStore Oluşturma
Store Oluşturma
Store'u uygulama modülünüzde tanımlayın:
StoreModule.forRoot({ appState: appReducer })Eylemler Oluşturma
Eylemler Oluşturma
Eylemler, uygulamanızdaki olayları tanımlar:
export const loadData = createAction('[App] Load Data');Reducer'lar
Reducer'lar
Reducer'lar, eylemlere yanıt vererek ve yeni durum oluşturarak durum değişikliklerini yönetir:
export const appReducer = createReducer(
initialState,
on(loadData, state => ({ ...state, loading: true }))
);NgRx Store Özeti
Özet
Uygulama durumunuzu etkili bir şekilde yönetmek için NgRx Store kullanımının temellerini öğrendiniz. Tebrikler!
Sıkça Sorulan Sorular
“NgRx Store Temelleri” dersi ücretsiz mi?
Evet — “NgRx Store Temelleri” 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 Angular Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Angular Academy kursu toplamda 3 dersten oluşur.
“NgRx Store Temelleri” dersinde ne öğreneceğim?
NgRx ile durum yönetiminin temellerini öğrenin. Angular 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.
Angular Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te Angular 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.
“NgRx Store Temelleri” 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 Angular Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her Angular 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
- NgRx Store Temelleri
- Eylemler ve Azaltıcılar
- Seçiciler ve Etkiler