DevTools içinde Angular bileşen durumunu inceleyin ve değiştirin
Angular durum denetleyicisi, Anton Lunev tarafından geliştirilen, Angular uygulama iç yapısını hata ayıklama ve inceleme için açığa çıkaran bir Firefox tarayıcı uzantısıdır. Uygulama, geliştiricilerin durumu gerçek zamanlı olarak inceleyip düzenleyebilmeleri için tarayıcı geliştirici araçları içinde bileşen özelliklerini, durum yönetimi depolarını ve bir bileşen ağacını yüzeye çıkarır. NgRx, NGXS ve Akita'yı destekler, karmaşık uygulamalarda modern Angular aracılığıyla AngularJS'i işler ve konsol ile entegre olur. Karmaşık durumları ve geçişleri hata ayıklayan Angular geliştiricileri için tasarlanmıştır.
Angular durum denetleyicisi ne için kullanılır?
Araç, tarayıcı geliştirici araçlarına entegre olur ve bileşen düzeyinde verileri açığa çıkararak gerçek zamanlı denetim ve yerinde düzenleme imkanı sunar. Bir bileşen ağacı sunar ve geliştiricilerin ilişkili verileri görüntülemek için öğeleri seçmesine olanak tanır ve seçilen bileşeni $scope veya $ctrl gibi bir küresel değişken aracılığıyla konsola açığa çıkarır. Tipik hata ayıklama görevleri arasında:
- bileşenler arasındaki veri akışını izleme
- anlık UI değişikliklerini gözlemlemek için özellikleri düzenleme
Hangi programlama dilleri ve durum kütüphanelerini destekliyor?
Angular ekosistemine yönelik olarak, uygulama açıkça eski AngularJS ile birlikte Angular 2 ve sonraki Angular sürümlerini destekler, böylece eski kodları veya taşınmış modülleri sürdüren ekipler aynı denetleyiciyi kullanabilir. Durum yönetim kütüphaneleriyle doğrudan entegrasyon sağlar, özellikle NgRx, NGXS ve Akita, böylece geliştiriciler her desen için ayrı araçlar yüklemeden bileşen durumu ile birlikte mağaza anlık görüntülerini inceleyebilirler.
Karmaşık veya hibrit Angular projeleri üzerinde çalışan geliştiriciler için uygun mu?
Uzantı, Angular geçişleri ve durum hata ayıklama üzerine odaklanmış web geliştiricileri ve yazılım mühendisleri için tasarlanmıştır; hibrit AngularJS artı modern kurulumları destekler ve Firefox ve Chromium tabanlı tarayıcılar için mevcuttur. Proje GitHub'da açık kaynaklıdır ve Anton Lunev tarafından sürdürülmektedir, topluluk tepkisi olumludur. Bu kombinasyon, uzantı tabanlı iş akışlarını kabul eden ve görünür kaynak ve topluluk tartışmalarını tercih eden ekipler için aracı uygun hale getirir.
Angular mühendisleri için pratik bir seçim, bakım takası ile
Bu araç, tarayıcıda hata ayıklama ve topluluk tarafından sürdürülen yardımcı programlara güvenen bireysel geliştiriciler ve küçük ekipler için uygundur, çünkü tek bir bağımsız geliştirici tarafından sürdürülen açık kaynaklı bir uzantıdır. Garantili güncelleme takvimlerine veya resmi desteğe ihtiyaç duyan kurumsal ekipler, bunu temel bir bağımlılık yerine bir inceleme aracı olarak değerlendirmelidir. Uzantıyı bir aşama inşasında doğrulayın ve standart hata ayıklama prosedürlerine entegre etmeden önce proje deposunu gözden geçirin.
