slim free react mui template

قالب سليم موي ·

قالب mui حديث ونظيف

Slim - قالب لوحة معلومات React مجاني ومفتوح المصدر تم إنشاؤه باستخدام مكتبة مكونات Material UI React بهدف تحقيق المرونة وإمكانية التخصيص بشكل أفضل.

قالب لوحة تحكم إدارة واجهة المستخدم لمادة واجهة المستخدم الحديثة والنظيفة والمستجيبة. إنها تستجيب بشكل كامل.

يمكن استخدامه لمعظم أنواع لوحات المعلومات وقوالب التطبيقات مثل التحليلات أو تطبيق المشرف أو تطبيق المراسلة لتطبيقات سطح المكتب أو الهاتف المحمول. مرونة مذهلة وإمكانية إعادة الاستخدام. 85+ صفحات تجريبية

لا تنسَ وضع نجمة (أعلى يمين هذه الصفحة) إذا أعجبك الموضوع

• دعم رد الفعل18.
• واجهة مستخدم احترافية.
• مكونات تفاعل واجهة المستخدم المادية.
• سريع الاستجابة، ويدعم جميع المتصفحات الحديثة.
• سهلة الاستخدام وبنية التعليمات البرمجية والمجلدات.
• كود مرن وعالي الأداء
• المئات من مكونات MUI المخصصة.
• إنشاء صفحات وتطبيقات مفيدة مسبقًا.
• وضع الظلام والضوء

نسخة مجانية من SLIM MUI React js

• معاينة النسخة الكاملة
• إصدار معاينة الإصدار النظيف مع المكونات والأنماط والموضوع ونموذج الصفحة فقط
• تحميل من جيثب

ابدء

استنساخ من جيثب

 git clone https://github.com/Tono2007/slim-free-react-mui-template.git

كومة التكنولوجيا

• واجهة المستخدم المادية V5
• التفاعل 18
• تم تصميمه باستخدام واجهة برمجة تطبيقات React Hooks
• Redux & React context API لإدارة الحالة
• رد فعل جهاز التوجيه لتوجيه الملاحة
• فيت
• تقسيم الكود
• الأسماء المستعارة
• دعم موضوع الضوء / الظلام
• Eslint - دليل أسلوب airbnb
• ApexCharts

مشاكل

للإبلاغ عن خطأ ما، يرجى إرسال مشكلة على Github. وسوف نقوم بالرد في أقرب وقت ممكن لحل المشكلة.

خريطة الطريق

الأولويات

• المزيد من المكونات!
• المزيد من الصفحات
• تخصيص أفضل
• توثيق أفضل
• أداء
• حجم الحزمة

---

في المستقبل

• مشكلات المستخدم والدعم
• نسخة مطبوعة
• الإصدارات التالية/CRA/ريمكس
• إمكانية الوصول.

إعدادات الألوان المسبقة

نحن نستخدم ألوان مختلفة

سجل التغيير

هيكل المجلد

├── package.json           - > Package json file.
├── public
├── README.md
├── src
│   ├── _mocks             - > Mock Json data to be used for working apps
│   ├── assets
│   │   ├── images
│   │   ├── css            - > Template css files
│   │   │   ├── style.css  - > Application main css file
│   ├── components
│   │   │── layouts
│   │   │   ├── LandingLayout  - > Layout for landing components & routers
│   │   │   ├── MainLayout     - > Layout for main components & routers
│   │   │   ├── MinimalLayout  - > Layout for mimimal components & routers
│   │   ├── loader
│   │   ├── modal
│   │── pages              - > View files for all pages
│   ├── contexts/redux     - > State management
│   ├── utils
│   │   ├── helpers        - > helpers utilities
│   │   ├── hocs           - > Custom hocs
│   │   ├── hooks          - > Custom hooks
│   │   ├── routes         - > router
│   │   ├── theme          - > custom theme provider
│   │   ├── constants      - > general app constants
│   ├──App.js              - > starting point of application
├── vite.config.js         - > Template constant value and live customization
├── index.html

وثيقة

يعتمد نظام التوجيه النحيف على جهاز التوجيه التفاعلي وحزمة جهاز التوجيه التفاعلي الخاص به، كما أنه يستخدم تقسيم التعليمات البرمجية للحصول على أداء أفضل.

رخصة

• غطاء مرخص تحت معهد ماساتشوستس للتكنولوجيا