Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim içeriği olup, bir eğitmen tarafından Redux Dev Tools adlı geliştirme aracının nasıl kurulacağı ve kullanılacağı anlatılmaktadır.
- Videoda, Redux Dev Tools'un Chrome uzantısı olarak nasıl kurulacağı adım adım gösterilmektedir. Ardından, bu araç sayesinde Redux uygulamalarında tanımlanan slice'lar ve bu slice'ların içindeki state'lerin nasıl görüntülenebileceği örneklerle açıklanmaktadır. Eğitmen, kullanıcı listesi ve sayac gibi örnek projeler üzerinden, uygulamanın çalışırken state'lerin durumunu nasıl kontrol edebileceğimizi göstermektedir. Bu araç, büyük projelerde özellikle faydalı olabilecek, uygulamanın performansını takip etmek için kullanılabilecek bir geliştirme aracıdır.
- 00:00Redux Dev Tools Eklentisinin Kurulumu
- Bu derste geliştirme yaparken setlediğimiz etleri görebileceğimiz bir extension gösterilecek.
- Redux Dev Tools adlı geliştirme aracı Chrome'un bir eklentisi olarak kurulabilir.
- Eklenti kurulduktan sonra araç çubuğuna sabitlenebilir.
- 00:49Redux Dev Tools'un Kullanımı
- Redux Dev Tools, kod içerisinden değil, uygulama çalışırken state'leri görmek için kullanılır.
- Örnek olarak user slice'ın içinde users ve loading, counter'ın içerisinde value gibi state'ler görüntülenebilir.
- Eklenti, slice'ların içindeki değerleri ve durumlarını (fos mu, doldu mu) gösterir.
- 03:01Redux Dev Tools'un Faydaları
- Bu araç, uygulamanın çalışırken state'lerin durumlarını kontrol etmemizi sağlar.
- Büyük projelerde köküne kadar kullanılır ve hangi slice'lerin hangi değerleri içerdiğini kontrol etmemizi sağlar.
- Projelere dahil edilmesi önerilir.