Evet, React Cache API ile hata sınırlarını kullanmanın gerçek dünyadan bazı örnekleri var:
1. Vercel'in Next.js Belgeleri:
- Next.js'nin arkasındaki şirket Vercel'in Next.js belgelerinde, React Cache API ile hata sınırlarının nasıl kullanılacağını gösteren bir örneği vardır.
- Örnek, React Cache API'sini kullanan, sunucu tarafında oluşturulmuş bir bileşen içinde meydana gelen hataları yakalayabilen ve işleyebilen özel bir hata sınırı bileşeninin nasıl oluşturulacağını gösterir.
- Bağlantı: https://nextjs.org/docs/advanced-features/error-handling#using-error-boundaries-with-react-cache
2. Shopify'ın Hidrojen Çerçevesi:
- Shopify'ın Hidrojeni, Shopify'ın üzerinde özel vitrinler oluşturmaya yönelik bir React çerçevesidir. React Cache API'sini kullanır ve bunu hata sınırlarıyla entegre eder.
- Hydrogen belgeleri, React Cache API'sini kullanan, sunucu tarafında oluşturulan bileşenlerde meydana gelen hataları işleyebilecek özel bir hata sınırı bileşeninin nasıl oluşturulacağına ilişkin bir örnek içerir.
- Bağlantı: https://shopify.dev/docs/custom-storefronts/hidrogen/guides/error-handling
3. Airbnb'nin Lottie Web'i:
- Airbnb'nin Lottie Web'i, After Effects animasyonlarının web üzerinde görüntülenmesine yönelik bir kitaplıktır. Animasyon verilerini önbelleğe almak için React Cache API'sini kullanır.
- Lottie Web belgeleri, önbelleğe alınmış animasyon verileri yüklenirken oluşan hataları yönetmek için hata sınırlarının nasıl kullanılacağına dair bir örnek içerir.
- Bağlantı: https://airbnb.io/lottie/#/web?id=error-handling
4. Spotify'ın Sahne Arkası:
- Backstage, geliştirici portalları oluşturmak için Spotify tarafından oluşturulan açık kaynaklı bir platformdur. React Cache API'sini kullanır ve bunu hata sınırlarıyla entegre eder.
- Backstage belgeleri, React Cache API'sini kullanan, sunucu tarafında oluşturulan bileşenlerde meydana gelen hataları işleyebilecek özel bir hata sınırı bileşeninin nasıl oluşturulacağına ilişkin bir örnek içerir.
- Bağlantı: https://backstage.io/docs/features/techdocs/techdocs-overview#error-handling
Bu örnekler, gerçek dünyadaki uygulamaların, sunucu tarafında oluşturulan bileşenleri için sağlam ve güvenilir bir hata işleme çözümü sağlamak amacıyla hata sınırlarıyla birlikte React Cache API'yi nasıl kullandığını göstermektedir.
Alıntılar:[1] https://legacy.reactjs.org/docs/error-boundaries.html
[2] https://react.dev/reference/react/cache
[3] https://stackoverflow.com/questions/68435879/handling-errors-in-javascript-react-when-calling-backend-apis
[4] https://www.happyteam.io/blog/how-errors-can-be-handled-with-react-query/
[5] https://reetesh.in/blog/react-cache-function-explained