shards dashboard react

رد فعل لوحة تحكم Shards

حزمة قوالب لوحة تحكم مسؤول React مجانية تتميز بنظام تصميم حديث
والكثير من القوالب والمكونات المخصصة.

ملحوظة: يمكنك تنزيل ملفات Sketch من صفحة المنتج الرسمية.

بداية سريعة

• قم بتثبيت التبعيات عن طريق تشغيل yarn أو npm install .
• قم بتشغيل yarn start أو npm run start تشغيل خادم التطوير المحلي.
• ؟ هذا كل شيء! أنت جاهز للبدء في إنشاء لوحات معلومات رائعة.

هيكل المشروع

• تم تمهيد هذا المشروع باستخدام تطبيق Create React.
• يتم استخدام Flux لإدارة الحالة وتقع جميع ملفات Flux المحددة داخل src/flux . يعد الانتقال إلى حل أكثر قوة مثل Redux أمرًا بسيطًا إلى حد ما.
• توجد جميع القوالب الأساسية داخل src/views .
• يوجد تخطيط واحد محدد (افتراضي) داخل src/layouts ، ومع ذلك، توفر البنية الحالية طريقة سهلة لتوسيع مجموعة أدوات واجهة المستخدم.
• يستضيف دليل src/components كافة المكونات الفرعية الخاصة بالقالب في الدليل الفرعي الخاص بها.
• يتم سحب أنماط التخطيط الموروثة من Shards Dashboard من الوحدة الفرعية src/shards-dashboard داخل src/App.js .
• توجد أنماط إضافية أخرى خاصة بالمكتبات المستخدمة داخل src/assets .
• يحتوي دليل src/utils على أدوات مساعدة Chart.js عامة.

البرامج النصية المتاحة

npm start

تشغيل التطبيق في وضع التطوير.

npm test

يقوم بتشغيل عداء الاختبار في وضع المراقبة التفاعلية.

npm run build

ينشئ التطبيق للإنتاج في مجلد build .

npm run eject

ملاحظة: هذه عملية في اتجاه واحد. بمجرد eject ، لا يمكنك العودة!

إذا لم تكن راضيًا عن أداة الإنشاء وخيارات التكوين، فيمكنك eject في أي وقت. سيؤدي هذا الأمر إلى إزالة تبعية البناء الفردي من مشروعك.

؟ النسخة الاحترافية

إذا كنت تبحث عن شيء أكثر من ذلك، فاطلع على Shards Dashboard Pro React الذي يتميز بالعديد من القوالب والمكونات المخصصة. استخدم رمز قسيمة GITHUB15 للحصول على خصم 15% على السعر الحالي .

بنيت باستخدام

• تفاعل الشظايا
• Chart.js
• تدفق
• لا يوجد شريط تمرير لواجهة المستخدم
• رد فعل منتقي التاريخ
• ريشة

سجل التغيير

يرجى مراجعة سجل التغيير.