Home Arrow Icon Knowledge base Arrow Icon Global Arrow Icon Finns det några exempel på användning av felgränser med React Cache API i verkliga applikationer


Finns det några exempel på användning av felgränser med React Cache API i verkliga applikationer


Ja, det finns några verkliga exempel på användning av felgränser med React Cache API:

1. Vercels Next.js-dokumentation:
– Vercel, företaget bakom Next.js, har ett exempel i sin Next.js-dokumentation som visar hur man använder felgränser med React Cache API.
- Exemplet visar hur man skapar en anpassad felgränskomponent som kan fånga och hantera fel som uppstår inom en renderad komponent på serversidan som använder React Cache API.
- Länk: https://nextjs.org/docs/advanced-features/error-handling#using-error-boundaries-with-react-cache

2. Shopifys ramverk för väte:
- Shopifys Hydrogen är ett React-ramverk för att bygga anpassade skyltfönster ovanpå Shopify. Den använder React Cache API och integrerar den med felgränser.
- Vätgasdokumentationen innehåller ett exempel på hur man skapar en anpassad felgränskomponent som kan hantera fel som uppstår inom serversidans renderade komponenter som använder React Cache API.
- Länk: https://shopify.dev/docs/custom-storefronts/hydrogen/guides/error-handling

3. Airbnbs Lottie Web:
- Airbnbs Lottie Web är ett bibliotek för att rendera After Effects-animationer på webben. Den använder React Cache API för att cachelagra animationsdata.
- Lottie Web-dokumentationen innehåller ett exempel på hur man använder felgränser för att hantera fel som uppstår vid laddning av cachad animeringsdata.
- Länk: https://airbnb.io/lottie/#/web?id=error-handling

4. Spotifys backstage:
– Backstage är en öppen källkodsplattform för att bygga utvecklarportaler, skapad av Spotify. Den använder React Cache API och integrerar den med felgränser.
- Backstage-dokumentationen innehåller ett exempel på hur man skapar en anpassad felgränskomponent som kan hantera fel som uppstår i renderade komponenter på serversidan som använder React Cache API.
- Länk: https://backstage.io/docs/features/techdocs/techdocs-overview#error-handling

Dessa exempel visar hur verkliga applikationer använder React Cache API i kombination med felgränser för att tillhandahålla en robust och tillförlitlig felhanteringslösning för deras renderade komponenter på serversidan.

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