Igen, van néhány valós példa a hibahatárok használatára a React Cache API-val:
1. A Vercel Next.js dokumentációja:
- A Vercel, a Next.js mögött álló vállalat, a Next.js dokumentációjában talál egy példát, amely bemutatja, hogyan lehet hibahatárokat használni a React Cache API-val.
- A példa bemutatja, hogyan hozhat létre egyéni hibahatár-összetevőt, amely képes elkapni és kezelni a React Cache API-t használó kiszolgálóoldali renderelt összetevőn belül előforduló hibákat.
- Link: https://nextjs.org/docs/advanced-features/error-handling#using-error-boundaries-with-react-cache
2. A Shopify hidrogén-keretrendszere:
- A Shopify Hydrogen egy React keretrendszer, amellyel egyedi kirakatokat építhet a Shopify tetejére. A React Cache API-t használja, és integrálja a hibahatárokkal.
- A Hydrogen dokumentáció példát tartalmaz arra vonatkozóan, hogyan hozhat létre egyéni hibahatár-összetevőt, amely képes kezelni a React Cache API-t használó kiszolgálóoldali renderelt összetevőkben előforduló hibákat.
- Link: https://shopify.dev/docs/custom-storefronts/hydrogen/guides/error-handling
3. Airbnb Lottie Web:
- Az Airbnb Lottie Web egy olyan könyvtár, amely After Effects animációkat jelenít meg az interneten. A React Cache API-t használja az animációs adatok gyorsítótárazásához.
- A Lottie Web dokumentációja példát tartalmaz arra vonatkozóan, hogyan lehet hibahatárokat használni a gyorsítótárazott animációs adatok betöltésekor fellépő hibák kezelésére.
- Link: https://airbnb.io/lottie/#/web?id=error-handling
4. A Spotify kulisszái:
- A Backstage egy nyílt forráskódú platform fejlesztői portálok építésére, amelyet a Spotify hozott létre. A React Cache API-t használja, és integrálja a hibahatárokkal.
- A Backstage dokumentáció példát tartalmaz egy egyéni hibahatár-összetevő létrehozására, amely képes kezelni a React Cache API-t használó kiszolgálóoldali renderelt összetevőkben előforduló hibákat.
- Link: https://backstage.io/docs/features/techdocs/techdocs-overview#error-handling
Ezek a példák bemutatják, hogy a valós alkalmazások hogyan használják a React Cache API-t a hibahatárokkal együtt, hogy robusztus és megbízható hibakezelési megoldást nyújtsanak szerveroldali megjelenített összetevőik számára.
Idézetek:[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