📋 محتويات الصفحة
📖 الوصف
Orval هي أداة تقرأ OpenAPI Specification (Swagger) وتولد TypeScript API Clients مع Axios, React Query, Vue Query، وأكثر. توفر Type-safety كامل.
🎯 يستخدم في
مجالات استخدام هذه الأداة
توليد API clients من OpenAPI swagger
إنشاء Type-safe HTTP clients
React Query / Vue Query Hooks
Axios instances
تقليل كتابة boilerplate
بناء Layer API Type-safe
✨ المميزات
أبرز مميزات هذه الأداة
دعم OpenAPI 3.0 و 3.1
React Query Hooks تلقائية
Vue Query Hooks تلقائية
Svelte Query
Axios
fetch
custom client
دعم MSW Handlers
Validators (Zod
Yup)
Auto-refresh عند تعديل الـ Swagger
دعم Enums و Arrays
Custom mutator functions
⚠️ العيوب
نقاط يجب مراعاتها
يتطلب OpenAPI spec محدّث
قد يكون معقداً للتكوين
بطيء مع specs كبيرة
لا يدعم GraphQL
💻 مثال على الاستخدام
كيفية استخدام هذه الأداة
npm install -D orval
📚 أدوات أخرى في Code-Generation
قد يعجبك أيضاً
Angular CLI
⭐أداة سطر الأوامر الرسمية لـ Angular
bolt.new
⭐مولد تطبيقات ويب كاملة بـ AI داخل المتصفح
bolt.new
⭐مطور ويب AI كامل في المتصفح (In-Browser Full-Stack AI Developer)
Create Next App
⭐أداة إنشاء مشاريع Next.js الرسمية
Create React App
⭐أداة إنشاء مشاريع React الرسمية
Create Vue
⭐الأداة الرسمية لإنشاء مشاريع Vue.js