subtle ui

واجهة مستخدم خفية

مجموعة من تفاعلات المستخدم الذكية والبسيطة الموجودة على الويب. يستخدم هذا المشروع React لإبقاء كود المثال بسيطًا ومختصرًا.

كيفية المساهمة

1. قم بإنشاء ملف تخفيض السعر جديد في مجلد content . على سبيل المثال my-cool-example.md .
2. أضف سمات المادة الأمامية التالية:

 title: My Cool Example
date: 2019-09-24
author: John Doe
github: johndoe123

3. أضف رمز المثال الخاص بك والمحتوى ذي الصلة باستخدام صيغة تخفيض السعر.
4. أرسل طلب سحب مع ملف تخفيض السعر الجديد.
5. بمجرد الدمج في الموقع master ، سيتم نشر موقع الويب تلقائيًا على https://subtle-ui.netlify.com. ؟

ملاحظة مهمة: يستخدم هذا المشروع مكونًا مخصصًا لعرض كتل تعليمات برمجية تخفيض السعر كرمز مباشر بما في ذلك المعاينة. هناك بعض الخصائص الفريدة التي يجب أن تكون على دراية بها:

• يتم تكوين كتل التعليمات البرمجية باستخدام React وStyle Components الموجودة بالفعل في النطاق.
• يجب كتابة كتل التعليمات البرمجية كرمز أمري وتحتاج إلى استدعاء render مع عناصر JSX الخاصة بك في الأسفل.
• يمكنك استخدام بناء جملة ES6 إذا رغبت في ذلك حيث يتم نقل التعليمات البرمجية عبر Babel.
• في الوقت الحالي لا توجد طريقة لاستيراد مكتبات خارجية أخرى. إذا كانت لديك أية أسئلة أو كنت بحاجة إلى وظائف إضافية، فيرجى تقديم مشكلة.

تطوير

yarn develop - راجع النسخة المحلية من موقع الويب على http://localhost:8000

yarn build && yarn serve - شاهد نسخة إنتاجية من موقع الويب على http://localhost:9000