React api optimizasyon

Merhaba

react ile geliştirdiğim websitesi için backend bazı sayfalarda çok fazla istek gidiyor. Promise ve state pending , async awaitte kullanıyorum. İstekler çok hızlı veya geç geliyor bunu nasıl optimize edebilirim?

state yönetimi için zustand kullanıyorum.
backend Microservis azure üzerinde

API için react tarafında state management ile yapabileceğiniz bir şey mevcut.
Eğer sayfa yenilemeden, bir sayfaya birden fazla kez girildiğinde her girildiğinde istek atılıyorsa bunu sınırlandırabilirsiniz Boolean kullanarak.

Geliştirdiğim bir react projesinde bir sayfaya birden fazla kez girildiğinde her girildiğinde istek atıyordu, bir optimizasyon yapılmadığında genelde bu şekilde olmakta.
Çözüm için yaptığım ise; sayfaya girildiğinde, her sayfa için özel olacak şekilde redux toolkit'de "isFetchedPageName" adında Boolean (default: false) olacak şekilde key oluşturdum.
İlgili sayfalarda istek gönderme işlemenin en üstüne "if(isFetchedPageName) return;" bu kodu yazdım. İstek göndermeyi fetch ile yaptığım için, .then içerisinde isFetchedPageName'i true olarak değiştirdim.
Bu sayede artık her seferinde istek atılmamış oldu ve istek sayısını düşürmüş olduk, bu şekilde bir kurgu düşünebilirsiniz react tarafında.
Back-end tarafındaki optimizasyon için back-end optimizasyonu konusunda uzman kişilerin yanıtlaması daha sağlıklı olacaktır.