Home Arrow Icon Knowledge base Arrow Icon Global Arrow Icon Existe-t-il des exemples d'utilisation des limites d'erreur avec l'API React Cache dans des applications réelles


Existe-t-il des exemples d'utilisation des limites d'erreur avec l'API React Cache dans des applications réelles


Oui, il existe quelques exemples concrets d'utilisation des limites d'erreur avec l'API React Cache :

1. Documentation Next.js de Vercel :
- Vercel, la société derrière Next.js, a un exemple dans sa documentation Next.js qui montre comment utiliser les limites d'erreur avec l'API React Cache.
- L'exemple montre comment créer un composant de limite d'erreur personnalisé capable de détecter et de gérer les erreurs qui se produisent dans un composant rendu côté serveur qui utilise l'API React Cache.
- Lien : https://nextjs.org/docs/advanced-features/error-handling#using-error-boundaries-with-react-cache

2. Le framework Hydrogen de Shopify :
- Hydrogen de Shopify est un framework React permettant de créer des vitrines personnalisées sur Shopify. Il utilise l'API React Cache et l'intègre aux limites d'erreur.
- La documentation Hydrogen comprend un exemple de création d'un composant de limite d'erreur personnalisé capable de gérer les erreurs qui se produisent dans les composants rendus côté serveur qui utilisent l'API React Cache.
- Lien : https://shopify.dev/docs/custom-storefronts/hydrogen/guides/error-handling

3. Lottie Web d'Airbnb :
- Lottie Web d'Airbnb est une bibliothèque permettant de restituer des animations After Effects sur le Web. Il utilise l'API React Cache pour mettre en cache les données d'animation.
- La documentation Web de Lottie inclut un exemple d'utilisation des limites d'erreur pour gérer les erreurs qui se produisent lors du chargement des données d'animation mises en cache.
- Lien : https://airbnb.io/lottie/#/web?id=error-handling

4. Les coulisses de Spotify :
- Backstage est une plateforme open source permettant de créer des portails de développeurs, créée par Spotify. Il utilise l'API React Cache et l'intègre aux limites d'erreur.
- La documentation Backstage inclut un exemple de création d'un composant de limite d'erreur personnalisé capable de gérer les erreurs qui se produisent dans les composants rendus côté serveur qui utilisent l'API React Cache.
- Lien : https://backstage.io/docs/features/techdocs/techdocs-overview#error-handling

Ces exemples démontrent comment les applications du monde réel utilisent l'API React Cache en conjonction avec les limites d'erreur pour fournir une solution de gestion des erreurs robuste et fiable pour leurs composants rendus côté serveur.

Citations :
[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