Skip to content

muraterennar/AngularStateManagement

Repository files navigation

Angular ve NGRX ile Güçlü State Management Deneyimi!

Merhabalar! 👋

Bu README dosyası, Angular ve NGRX kullanarak geliştirdiğim son proje hakkında detaylı bilgiler içermektedir.

Proje Detayları

Counter Sayfası 📈

Projenin başlangıcında, temel NGRX konseptlerini anlamak için basit bir counter sayfası oluşturuldu. Bu sayede NGRX'nin nimetlerini anlamak ve kullanmak için güçlü bir temel oluşturuldu. Ayrıca, counter sayfasındaki değişikliklerin home sayfasında anında görüntülenmesi sağlandı.

Kullanıcı Yönetimi 👥

Daha sonra, NGRX'nin gücünü kullanarak global bir state yönetimi kurularak kullanıcılar projeye eklendi. Bu sayede, uygulama genelinde kullanıcıları tutmak ve home sayfasında bu verileri dinamik olarak göstermek mümkün oldu.

Modüler State Management 🔄

Projenin bir sonraki aşamasında, NGRX'nin modüler yapısını kullanarak product componenti için özel bir state management oluşturuldu. Bu, etkileşimli bir arayüz ile ürünleri eklemek, güncellemek ve silmek için kullanıldı. Reactive forms kullanılarak, component içindeki state'in Appstate ile bağlanması ve gerçek bir API çağrısının NGRX effect ile yönetilmesi sağlandı.

Teknoloji Stack

  • Angular
  • NGRX
  • Reactive Forms
  • NGRX Effects

Öğrenme Deneyimi 👩‍💻

Bu proje geliştirilirken, Angular ve NGRX ile state management konularında derinlemesine bir anlayış elde edildimiştir.

Canlı Demo 🔥

Projenin canlı demo versiyonunu incelemek ve etkileşimli olarak deneyimlemek için aşağıdaki bağlantıyı ziyaret edebilirsiniz: Canlı Demo Bağlantısı

LinkedIn Profilim 🔗

muraterennar