Tek sayfalık uygulama, kritik olmayan kullanıcı arayüzü verileri için üçüncü taraf bir API'ye XMLHttpRequest kullanır. API yanıtları render'ı engellememeli ve kullanıcı arayüzü zaman aşımlarını/hatalarını sorunsuz bir şekilde yönetmelidir. Hangi yaklaşım en iyisidir?

Tek sayfalık uygulamalarda (SPA) kullanıcı arayüzü (UI) render'ını engellememek ve kullanıcı deneyimini kesintiye uğratmamak için kritik olmayan API çağrıları her zaman eşzamansız (asenkron) olmalıdır. async=true olarak ayarlanan bir XMLHttpRequest (XHR), ana iş parçacığını bloke etmez ve UI'nin donmasını önler. API çağrısı zaman aşımına uğrarsa veya bir hata döndürürse, API widget'ını atlamak veya varsayılan bir durum göstermek, uygulamanın çalışmaya devam etmesini ve kullanıcıya kesintisiz bir deneyim sunmasını sağlar. Diğer seçenekler neden uygun değil: Senkron (async=false) XHR kullanmak, API yanıtı gelene kadar UI render'ını tamamen durdurur ve kötü bir kullanıcı deneyimine yol açar. Süresiz olarak yeniden denemek, API'nin sürekli meşgul olmasına neden olabilir ve kaynakları gereksiz yere tüketir, ayrıca kullanıcıyı uzun süre bekletebilir. API hata yanıtını doğrudan UI'da görüntülemek, kullanıcı için kafa karıştırıcı olabilir ve profesyonel bir görünüm sunmaz; bunun yerine hatanın zarifçe ele alınması ve UI'nin uygun şekilde güncellenmesi tercih edilir.