Suspensive ไลบรารีสำหรับใช้งาน Suspense ได้อย่างปลอดภัยและสะดวก

สวัสดีครับ ขอแนะนำไลบรารี Suspensive ที่ทีมพัฒนา frontend ของ Toss ดูแลในรูปแบบโอเพนซอร์ส

[การใช้งาน Suspense ใน React]
เมื่อใช้ Suspense เพื่อจัดการงานอะซิงก์ใน React ก็มีจุดที่ไม่สะดวกอยู่บ้าง

useQuery ของ Tanstack Query อนุมาน type ได้ไม่แม่นยำนัก และ ErrorBoundary ก็ต้องสร้างเองหรือติดตั้งเพิ่ม

[ฟีเจอร์ที่ Suspensive มอบให้]

• <ErrorBoundary /> ที่ปลอดภัยและใช้งานร่วมกับ Suspense ได้สะดวก
• Hook useSuspenseQuery() ที่ให้ type ได้อย่างแม่นยำในสถานการณ์ของ Suspense
• ตัวเลือกใหม่ของคอมโพเนนต์ <Suspense /> ที่ใช้งานได้อย่างปลอดภัยแม้ใน Server-side rendering
• คอมโพเนนต์ <Delay /> สำหรับแสดงสถานะการโหลดให้เป็นมิตรกับผู้ใช้มากขึ้น

สรุปคือเป็นชุดเครื่องมือที่รวมทุกอย่างที่ Toss รู้สึกว่า "ตอนใช้ Suspense แล้วน่าจะต้องมีเครื่องมือแบบนี้" ไว้ครบถ้วน!

[ลิงก์]
ดูรายละเอียดเพิ่มเติมได้ในเอกสารของ Suspensive
https://suspensive.org/ko