Как сделать HTTP запрос в TypeScript?

مرحباً بالجميع! من فضلكم، أخبروني كيف يمكنني إجراء طلب HTTP بشكل صحيح في TypeScript. أقوم بكتابة تطبيق بسيط لجلب البيانات من REST API عام (مثل JSONPlaceholder). المشكلة هي أنني لا أفهم تماماً كيفية تعريف نوع الاستجابة من الخادم وأي طريقة أفضل لاستخدامها في مشروع TypeScript حديث.

حاولت استخدام fetch المدمج، لكنني واجهت أن الاستجابة تأتي كـ any، ويشتكي TypeScript من عدم وجود أنواع. إليك الكود الحالي الخاص بي:

async function fetchData() {\n  const response = await fetch('https://jsonplaceholder.typicode.com/posts/1');\n  const data = await response.json();\n  console.log(data);\n}\n

أتوقع أن تكون البيانات بهيكل محدد، على سبيل المثال: { userId: number, id: number, title: string, body: string }. كيف يمكنني تعريف واجهة وتطبيقها على الاستجابة؟ هل أحتاج إلى استخدام مكتبات خارجية مثل axios أم أن fetch كافية؟ هل هناك اختلاف في معالجة الأخطاء وتحديد الأنواع بين