สื่อสารกับ REST API แบบ typesafe ด้วย openapi-typescript + react-query

• ใช้ OpenApi Specs ที่ฝั่งแบ็กเอนด์ให้มา และนำ openapi-typescript มาใช้เพื่อสร้าง type สำหรับ parameters และ response ของ API

• เขียน utility type ที่จำเป็นโดยอาศัย type utils ที่มีให้จาก ts-toolbelt

• ใช้ typing ที่ openapi-typescript สร้างให้ร่วมกับ utility type ที่ทำขึ้นด้วย ts-toolbelt เพื่อสร้าง useOAIQuery ที่เป็นการห่อ useQuery ของ react-query ทำให้การสื่อสารกับเซิร์ฟเวอร์เป็นแบบ typesafe และสะดวกขึ้น โดยสรุปความพยายามนี้ไว้แบบสั้น ๆ ในบทความ