·data-fetching
{}

data-fetching

أنماط جلب البيانات لمكونات الخادم/العميل باستخدام fetch API وTanStack Query وuseSuspenseQuery وapiRouteWrapper وapiRequestWrapper. يُستخدم عند تنفيذ تحميل البيانات، أو استدعاءات واجهة برمجة التطبيقات، أو وظائف الخادم، أو الاستعلامات، أو الطفرات، أو مسارات واجهة برمجة التطبيقات، أو عندما يذكر المستخدم استعلام TanStack، أو useSuspenseQuery، أو apiRouteWrapper، أو apiRequestWrapper، أو وظائف خادم tmdb، أو جلب البيانات.

6التثبيتات·0الرائج·@qingqishi

التثبيت

$npx skills add https://github.com/qingqishi/shiqingqi.com --skill data-fetching

كيفية تثبيت data-fetching

ثبّت مهارة الذكاء الاصطناعي data-fetching بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/qingqishi/shiqingqi.com --skill data-fetching
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: qingqishi/shiqingqi.com.

This project uses a structured data fetching pattern that differs between server and client components.

Use await directly in server components. Call TMDB server functions from @/utils/tmdb-server-functions.

Client components use TanStack Query to call API routes, which wrap server functions.

أنماط جلب البيانات لمكونات الخادم/العميل باستخدام fetch API وTanStack Query وuseSuspenseQuery وapiRouteWrapper وapiRequestWrapper. يُستخدم عند تنفيذ تحميل البيانات، أو استدعاءات واجهة برمجة التطبيقات، أو وظائف الخادم، أو الاستعلامات، أو الطفرات، أو مسارات واجهة برمجة التطبيقات، أو عندما يذكر المستخدم استعلام TanStack، أو useSuspenseQuery، أو apiRouteWrapper، أو apiRequestWrapper، أو وظائف خادم tmdb، أو جلب البيانات. المصدر: qingqishi/shiqingqi.com.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/qingqishi/shiqingqi.com --skill data-fetching
الفئة
{}تحليل البيانات
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-11

Browse more skills from qingqishi/shiqingqi.com

إجابات سريعة

ما هي data-fetching؟

أنماط جلب البيانات لمكونات الخادم/العميل باستخدام fetch API وTanStack Query وuseSuspenseQuery وapiRouteWrapper وapiRequestWrapper. يُستخدم عند تنفيذ تحميل البيانات، أو استدعاءات واجهة برمجة التطبيقات، أو وظائف الخادم، أو الاستعلامات، أو الطفرات، أو مسارات واجهة برمجة التطبيقات، أو عندما يذكر المستخدم استعلام TanStack، أو useSuspenseQuery، أو apiRouteWrapper، أو apiRequestWrapper، أو وظائف خادم tmdb، أو جلب البيانات. المصدر: qingqishi/shiqingqi.com.

كيف أثبّت data-fetching؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/qingqishi/shiqingqi.com --skill data-fetching بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/qingqishi/shiqingqi.com

التفاصيل

الفئة
{}تحليل البيانات
المصدر
skills.sh
أول ظهور
2026-02-01