Enlite Starter - قالب لوحة تحكم مسؤول React لمطور Full-Stack
Enlite Starter - قالب React Dashboard Starter باستخدام Firebase Auth http://enlite.ux-maestro.com
اقرأ الوثائق هنا
https://ilhammeidi.github.io/enlite-docs/#firebase
ميزة القالب
- التقنيات الحديثة. تم تصميمه باستخدام واحدة من أشهر مكتبات جافا سكريبت React.JS وRedux
- تصاميم متميزة. لون سمة بسيط وأنيق مع الوضع الداكن والخفيف
- تخطيط متعدد ودعم RTL. تخطيط التنقل في الشريط الجانبي والشريط العلوي. تصميم تعديل RTL التلقائي باستخدام jss-rtl
- المصادقة. استخدم Firebase لتسجيل الدخول عبر مواقع التواصل الاجتماعي والبريد الإلكتروني
- تطبيقات ما قبل البناء. عينة من تطبيق CRUD مع تكامل Redux-Saga وRealtime DB.
- دعم متعدد اللغات. بما في ذلك 6 ترجمة الإنجليزية، الألمانية، العربية، الصينية، البهاسا الإندونيسية، الأسبانية.
- أكثر من 30 مكونًا ووحدة تفاعلية قابلة لإعادة الاستخدام وسهلة التعديل.
- نماذج مختلفة من الصفحات المقصودة، ومتغيران للوحات المعلومات، وغير ذلك الكثير
- الجيل القادم من جافا سكريبت مكتوب في ES6
- تصميم سريع الاستجابة يعتمد على نظام 12 شبكة قياسي
- مشروع البداية. قم ببناء التطبيق من الصفر دون تشتيت انتباهك عن الميزات الفطرية.
- وحدة الاختبار. الاختبار الوظيفي لمكونات واجهة المستخدم المادية مع Mocha وChai
- أداء عالي. التصميم باستخدام JSS (CSS في JS) وتقسيم التعليمات البرمجية غير المتزامنة.
- كود نظيف تتم صيانته بواسطة eslint.
- أيقونات متجهة بالكامل وأيقونات الخطوط.
- معاينة التعليمات البرمجية المباشرة. احصل على الكود المصدري بشكل أسهل بدون ملفات مفتوحة.
- وغيرها الكثير…
احصل على الإصدار الرئيسي
احصل عليه الآن من سوق إنفاتو
انظر العرض التوضيحي
تثبيت
- استنساخ هذا المشروع
- قم بتثبيت تبعيات الوحدة النمطية عن طريق تشغيل هذا البرنامج النصي في
npm install الطرفي - بعد الانتهاء من التنزيل، قم ببناء تبعيات Webpack DLL (إذا لزم الأمر).
npm run build:dll - وأخيراً قم بتشغيل التطبيق.
npm start - انتقل إلى http://localhost:3001
النشر
- تحتاج أولاً إلى إنشاء أصول الإنتاج أولاً من
npm run build - ثم ابدأ
npm run start:prod - إذا كنت تريد تشغيله في الخلفية، فيمكنك تجربة PM2 https://www.npmjs.com/package/pm2 ثم قم بتشغيل هذا الأمر:
node node_modules/.bin/cross-env NODE_ENV=production pm2 start server - انتقل إلى http://localhost:3001
تمكين معاينة التعليمات البرمجية المباشرة
لجعل التوثيق سهلًا وفعالًا للوصول إليه وتنفيذه، قمنا بإرفاق كود المصدر في كل العروض التوضيحية للمكونات. نحن نسميها معاينة التعليمات البرمجية المباشرة. يمكن استخدام هذه الميزة في المنتج الذي تم شراؤه فقط (غير متوفرة في العرض التجريبي).
- افتح ملف التكوين
/app/config/codePreview.js - بشكل افتراضي تم تعيينه بواسطة false
- تغيير
enable: true ، لتمكين معاينة التعليمات البرمجية المباشرة - اختبر باستخدام أي عرض توضيحي للمكون، على سبيل المثال في http://localhost:8080/app/tables/advanced-table.
- ثم في أسفل كل المكونات سترى زر <> إظهار الرمز . فقط انقر عليه.
- سيظهر أيضًا الكود المصدري لتلك المكونات.
- يمكنك رؤية أي مكون ونسخه ولصقه مباشرة أمام عينيك.
رخصة
هذا المشروع مرخص بموجب شروط ترخيص MIT.
