الحل: بحث المستخدم GitHub

تعرف على الحل الذي يستخدم مثيل Axios مع React Query لجلب ملفات تعريف المستخدم على غرار GitHub وتخزينها مؤقتًا، مع التحميل السلس وحالات الخطأ، بالإضافة إلى النتائج الفورية لعمليات البحث المتكررة.

سنغطي ما يلي...

فيما يلي التنفيذ الكامل لعملية البحث عن المستخدم على غرار GitHub باستخدام React Query لتقديم نتائج سريعة وتخزين مؤقت ذكي ومعالجة تحميل/أخطاء نظيفة.

حل

فيما يلي التنفيذ لعملية بحث المستخدم على غرار GitHub مع تعامل React Query مع التخزين المؤقت وحالات التحميل والفشل بشكل أنيق:

شرح الكود

فيApp.js :

  • الأسطر من 1 إلى 3: استيراد حالة React ،useQuery من React Query، وواجهة برمجة API المحاكاةfetchGitHubUser .

  • السطرين 6-7: حالة واجهة المستخدم المحلية — ...