Blog
Mert Özen'in yazılım geliştirme, backend, frontend ve DevOps üzerine blog yazıları.
Angular'da State Nedir ve Nerede Yaşamalı? Server, UI, URL ve Form State'ini Ayırmak
State'in yeri iki soruyla belirlenir: veri kime ait (API, adres çubuğu, tarayıcı) ve ne kadar yaşamalı; server state resource'ta, URL state query param'da, local state component'te, paylaşılan client state bir service'te durur, derived değerler ise hiç saklanmaz. Bookstore'un katalog sayfasında dört türün geri tuşu ve yenilemede ne olduğunu gerçek bir koşuyla gösteriyor, API yanıtını global store'a kopyalamanın bayat stok ürettiğini kanıtlıyoruz.
Server State'i Yönetmek: resource, httpResource, chain() ve Mutation Sonrası Invalidation
Angular 22'de server state, loading, error, reloading ve local durumlarını kendisi taşıyan resource ailesiyle yönetilir: okuma httpResource ile, yazma HttpClient ile yapılır, mutation'dan sonra resource reload() ile tazelenir. Bookstore'un kitap sayfasında chain() ile bağımlı resource'ları, optimistic yorum eklemeyi ve hatada geri almayı, iki component'in aynı listeyi ayrı çekmesini, NgRx 22'nin withPreviousValueOnLoading'ini ve error'da value() okumayı gerçek çıktılarla gösteriyoruz.