هل تدعم هذه الأداة JSON و YAML؟

نعم. يمكنك لصق مواصفات OpenAPI بأي من التنسيقين، وسيحلل المُولد البنية تلقائيًا.

هل الخطافات التي تم إنشاؤها آمنة من حيث النوع؟

نعم. تنشئ الأداة واجهات TypeScript بناءً على تعريفات المخطط الخاص بك، مما يوفر إكمالًا تلقائيًا كاملاً لمعلمات الطلب وبيانات الاستجابة.

أي إصدار من React Query مدعوم؟

يتوافق الإخراج مع TanStack Query v4 و v5. يقوم بإنشاء خطافات قياسية تتوقع وظيفة `fetcher` مشتركة أو مثيل Axios.

هل يتم إرسال مواصفات API الخاصة بي إلى خادم؟

لا. يتم تشغيل منطق التحويل بالكامل داخل بيئة المتصفح الخاصة بك. لا تغادر مسارات API والمخططات وتعريفات الأمان الخاصة بك جهازك أبدًا.

المنسقات والكود

OpenAPI → React Query Hooks

Auto-generated useQuery + useMutation hooks per endpoint.

Runs in your browser

OpenAPI spec · source

lines: 42chars: 924size: 924 B

React Query hooks · 2 operation(s) · result

import { useQuery, useMutation } from "@tanstack/react-query";
import { getTools, getToolsSlug } from "./api-client";

export function useGetTools() {
  return useQuery({
    queryKey: ["getTools"],
    queryFn: () => getTools(),
  });
}

export function useGetToolsSlug(slug: string) {
  return useQuery({
    queryKey: ["getToolsSlug", slug],
    queryFn: () => getToolsSlug(slug),
  });
}

lines: 16chars: 391size: 391 B

live

ملاحظة المحرر

Understanding · Endpoints into hooks, hooks into pages.

هذا الفصل المعمّق متاح حاليًا باللغة الإنجليزية فقط. أداة التحويل أعلاه تعمل بلغتك؛ أما المقال التفصيلي الطويل فلم تتم ترجمته بعد.

الأسئلة المتكررة

Quick answers.

›Does this tool support both JSON and YAML?

Yes. You can paste an OpenAPI specification in either format, and the generator will parse the structure automatically.

›Are the generated hooks type-safe?

Yes. The tool generates TypeScript interfaces based on your schema definitions, providing full autocompletion for request parameters and response data.

›Which version of React Query is supported?

The output is compatible with TanStack Query v4 and v5. It generates standard hooks that expect a shared `fetcher` function or Axios instance.

›Is my API specification sent to a server?

No. The conversion logic runs entirely within your browser environment. Your API paths, schemas, and security definitions never leave your device.

يبحث الأشخاص أيضًا عن

أدوات ذات صلة

More in this room.

شاهد الكل في المنسقات والكود