예, React Cache API에서 오류 경계를 사용하는 실제 사례가 있습니다.
1. Vercel의 Next.js 문서:
- Next.js를 개발한 Vercel의 Next.js 문서에는 React Cache API에서 오류 경계를 사용하는 방법을 보여주는 예제가 있습니다.
- 이 예에서는 React Cache API를 사용하는 서버 측 렌더링 구성 요소 내에서 발생하는 오류를 포착하고 처리할 수 있는 사용자 정의 오류 경계 구성 요소를 생성하는 방법을 보여줍니다.
- 링크: https://nextjs.org/docs/advanced-features/error-handling#using-error-boundaries-with-react-cache
2. Shopify의 수소 프레임워크:
- Shopify의 Hydrogen은 Shopify 위에 맞춤형 매장을 구축하기 위한 React 프레임워크입니다. React Cache API를 사용하고 이를 오류 경계와 통합합니다.
- Hydrogen 문서에는 React Cache API를 사용하는 서버 측 렌더링 구성 요소 내에서 발생하는 오류를 처리할 수 있는 사용자 정의 오류 경계 구성 요소를 생성하는 방법에 대한 예가 포함되어 있습니다.
- 링크: https://shopify.dev/docs/custom-storefronts/hydrogen/guides/error-handling
3. Airbnb의 Lottie 웹:
- Airbnb의 Lottie Web은 웹에서 After Effects 애니메이션을 렌더링하기 위한 라이브러리입니다. React Cache API를 사용하여 애니메이션 데이터를 캐시합니다.
- Lottie 웹 문서에는 캐시된 애니메이션 데이터를 로드할 때 발생하는 오류를 처리하기 위해 오류 경계를 사용하는 방법에 대한 예가 포함되어 있습니다.
- 링크: https://airbnb.io/lottie/#/web?id=error-handling
4. 스포티파이의 백스테이지:
- Backstage는 Spotify에서 만든 개발자 포털 구축을 위한 오픈 소스 플랫폼입니다. React Cache API를 사용하고 이를 오류 경계와 통합합니다.
- Backstage 문서에는 React Cache API를 사용하는 서버 측 렌더링 구성 요소 내에서 발생하는 오류를 처리할 수 있는 사용자 정의 오류 경계 구성 요소를 생성하는 방법에 대한 예가 포함되어 있습니다.
- 링크: https://backstage.io/docs/features/techdocs/techdocs-overview#error-handling
이러한 예는 실제 애플리케이션이 오류 경계와 함께 React Cache API를 사용하여 서버 측 렌더링 구성 요소에 대한 강력하고 안정적인 오류 처리 솔루션을 제공하는 방법을 보여줍니다.
인용:[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