ใช่ มีตัวอย่างการใช้งานขอบเขตข้อผิดพลาดกับ React Cache API:
1. เอกสาร Next.js ของ Vercel:
- Vercel บริษัทที่อยู่เบื้องหลัง Next.js มีตัวอย่างในเอกสาร Next.js ที่สาธิตวิธีใช้ขอบเขตข้อผิดพลาดกับ React Cache API
- ตัวอย่างแสดงวิธีสร้างส่วนประกอบขอบเขตข้อผิดพลาดแบบกำหนดเองที่สามารถตรวจจับและจัดการข้อผิดพลาดที่เกิดขึ้นภายในส่วนประกอบที่แสดงผลฝั่งเซิร์ฟเวอร์ที่ใช้ React Cache API
- ลิงก์: https://nextjs.org/docs/advanced-features/error-handling#using-error-boundaries-with-react-cache
2. เฟรมเวิร์กไฮโดรเจนของ Shopify:
- Hydrogen ของ Shopify เป็นเฟรมเวิร์ก React สำหรับการสร้างหน้าร้านแบบกำหนดเองนอกเหนือจาก Shopify ใช้ React Cache API และรวมเข้ากับขอบเขตข้อผิดพลาด
- เอกสารประกอบของ Hydrogen มีตัวอย่างวิธีสร้างส่วนประกอบขอบเขตข้อผิดพลาดที่กำหนดเอง ซึ่งสามารถจัดการข้อผิดพลาดที่เกิดขึ้นภายในส่วนประกอบที่แสดงผลฝั่งเซิร์ฟเวอร์ที่ใช้ React Cache API
- ลิงก์: https://shopify.dev/docs/custom-storefronts/hydrogen/guides/error-handling
3. เว็บ Lottie ของ Airbnb:
- Lottie Web ของ Airbnb เป็นไลบรารีสำหรับเรนเดอร์ภาพเคลื่อนไหว After Effects บนเว็บ ใช้ React Cache API เพื่อแคชข้อมูลภาพเคลื่อนไหว
- เอกสารประกอบของ Lottie Web มีตัวอย่างวิธีใช้ขอบเขตข้อผิดพลาดเพื่อจัดการกับข้อผิดพลาดที่เกิดขึ้นเมื่อโหลดข้อมูลภาพเคลื่อนไหวที่แคชไว้
- ลิงก์: https://airbnb.io/lottie/#/web?id=error-handling
4. หลังเวทีของ Spotify:
- 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
-