هذا مثال على تطبيق REACT-ADMIN (منشئ UI المستند إلى التكوين) يوضح كيفية استخدام مزود بيانات RA-DATA-Hasura مع Hasura (خلفية API GraphQL التلقائية أعلى). من خلال الجمع بين هاتين التقنيتين ، يمكنك بناء جناح مسؤول المكتب الخلفي بالكامل في غضون ساعات.
فيديو تعليمي: بناء واجهات المسؤول مع مسؤول React و Hasura GraphQL
اتخذ DVASDEKIS هذا المفهوم خطوة إلى الأمام وتكوين Docker متكامل للتطوير ، و Firebase للمصادقة والطيران لترحيل قاعدة البيانات.
تحقق من ذلك هنا: React-Admin-Hasura-Firebase
قام Hgiasac أيضًا بتجميع مثال كامل للغاية مع TypeScript. لقد أنشأ العديد من الفروع التي تظهر Auth مع JTW و Firebase بالإضافة إلى الواجهة الخلفية التي تتضمن تصرفات Hasura والأحداث و Auth:
في دليل المشروع ، يمكنك تشغيل:
yarn install
تثبيت التبعيات.
yarn start
يدير التطبيق في وضع التطوير.
افتح http: // localhost: 3000 لمشاهدته في المتصفح.
سيتم إعادة تحميل الصفحة إذا قمت بإجراء تعديلات.
سترى أيضًا أي أخطاء في وحدة التحكم في وحدة التحكم.
yarn test
يطلق عداء الاختبار في وضع الساعة التفاعلية.
انظر القسم حول إجراء الاختبارات لمزيد من المعلومات.
yarn build
يبني التطبيق للإنتاج إلى مجلد build
.
تتفاعل حزمها بشكل صحيح في وضع الإنتاج وتحسن البناء للحصول على أفضل أداء.
تم تصنيع البناء ويتضمن أسماء الملفات التجزئة.
تطبيقك جاهز للنشر!
راجع القسم الخاص بالنشر لمزيد من المعلومات.