Có, có một số ví dụ thực tế về việc sử dụng ranh giới lỗi với API React Cache:
1. Tài liệu Next.js của Vercel:
- Vercel, công ty phát triển Next.js, có một ví dụ trong tài liệu Next.js của họ minh họa cách sử dụng ranh giới lỗi với API React Cache.
- Ví dụ minh họa cách tạo thành phần ranh giới lỗi tùy chỉnh có thể bắt và xử lý các lỗi xảy ra trong thành phần được kết xuất phía máy chủ sử dụng API React Cache.
- Liên kết: https://nextjs.org/docs/advanced-features/error-handling#USE-error-boundaries-with-react-cache
2. Khung hydro của Shopify:
- Hydrogen của Shopify là một khung React để xây dựng mặt tiền cửa hàng tùy chỉnh trên Shopify. Nó sử dụng API React Cache và tích hợp nó với các ranh giới lỗi.
- Tài liệu Hydrogen bao gồm ví dụ về cách tạo thành phần ranh giới lỗi tùy chỉnh có thể xử lý các lỗi xảy ra trong các thành phần được hiển thị phía máy chủ sử dụng API React Cache.
- Link: https://shopify.dev/docs/custom-storefronts/hydrogen/guides/error-handling
3. Trang web Lottie của Airbnb:
- Lottie Web của Airbnb là thư viện để hiển thị hoạt ảnh After Effects trên web. Nó sử dụng API React Cache để lưu trữ dữ liệu hoạt ảnh.
- Tài liệu của Lottie Web bao gồm ví dụ về cách sử dụng ranh giới lỗi để xử lý các lỗi xảy ra khi tải dữ liệu hoạt ảnh được lưu trong bộ nhớ đệm.
- Liên kết: https://airbnb.io/lottie/#/web?id=error-handling
4. Hậu trường của Spotify:
- Backstage là một nền tảng mã nguồn mở để xây dựng cổng thông tin dành cho nhà phát triển, được tạo bởi Spotify. Nó sử dụng API React Cache và tích hợp nó với các ranh giới lỗi.
- Tài liệu Backstage bao gồm ví dụ về cách tạo thành phần ranh giới lỗi tùy chỉnh có thể xử lý các lỗi xảy ra trong các thành phần được kết xuất phía máy chủ sử dụng API React Cache.
- Liên kết: https://backstage.io/docs/features/techdocs/techdocs-overview#error-handling
Những ví dụ này minh họa cách các ứng dụng trong thế giới thực sử dụng API React Cache kết hợp với các ranh giới lỗi để cung cấp giải pháp xử lý lỗi mạnh mẽ và đáng tin cậy cho các thành phần được hiển thị phía máy chủ của chúng.
Trích dẫn:[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