Ja, es gibt einige Beispiele aus der Praxis für die Verwendung von Fehlergrenzen mit der React Cache API:
1. Next.js-Dokumentation von Vercel:
– Vercel, das Unternehmen hinter Next.js, hat in seiner Next.js-Dokumentation ein Beispiel, das zeigt, wie Fehlergrenzen mit der React Cache API verwendet werden.
– Das Beispiel zeigt, wie Sie eine benutzerdefinierte Fehlergrenzenkomponente erstellen, die Fehler abfangen und behandeln kann, die in einer serverseitig gerenderten Komponente auftreten, die die React Cache API verwendet.
- Link: https://nextjs.org/docs/advanced-features/error-handling#using-error-boundaries-with-react-cache
2. Shopifys Wasserstoff-Framework:
- Hydrogen von Shopify ist ein React-Framework zum Aufbau benutzerdefinierter Storefronts auf Shopify. Es nutzt die React Cache API und integriert sie mit Fehlergrenzen.
– Die Hydrogen-Dokumentation enthält ein Beispiel für die Erstellung einer benutzerdefinierten Fehlergrenzenkomponente, die Fehler behandeln kann, die in serverseitig gerenderten Komponenten auftreten, die die React Cache API verwenden.
- Link: https://shopify.dev/docs/custom-storefronts/hydrogen/guides/error-handling
3. Airbnbs Lottie Web:
- Lottie Web von Airbnb ist eine Bibliothek zum Rendern von After Effects-Animationen im Web. Es verwendet die React Cache API, um die Animationsdaten zwischenzuspeichern.
– Die Lottie Web-Dokumentation enthält ein Beispiel für die Verwendung von Fehlergrenzen zur Behandlung von Fehlern, die beim Laden der zwischengespeicherten Animationsdaten auftreten.
- Link: https://airbnb.io/lottie/#/web?id=error-handling
4. Spotifys Backstage:
- Backstage ist eine Open-Source-Plattform zum Aufbau von Entwicklerportalen, erstellt von Spotify. Es nutzt die React Cache API und integriert sie mit Fehlergrenzen.
– Die Backstage-Dokumentation enthält ein Beispiel für die Erstellung einer benutzerdefinierten Fehlergrenzenkomponente, die Fehler behandeln kann, die in serverseitig gerenderten Komponenten auftreten, die die React Cache API verwenden.
- Link: https://backstage.io/docs/features/techdocs/techdocs-overview#error-handling
Diese Beispiele zeigen, wie reale Anwendungen die React Cache API in Verbindung mit Fehlergrenzen verwenden, um eine robuste und zuverlässige Fehlerbehandlungslösung für ihre serverseitig gerenderten Komponenten bereitzustellen.
Zitate:[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