الصفحة الرئيسية>المتعلقة بالبرمجة>مكونات الطرف الثالث
تنزيل

مكونات تسويق bit.dev

مجموعة مكونات React القابلة لإعادة الاستخدام والمستخدمة لإنشاء موقع تسويق bit.dev. هذا المستودع عبارة عن واجهة أمامية صغيرة قائمة على المكونات تعرض المكونات.

لقطة شاشة

جمع المكونات - اختر واستخدم

تم تأليف جميع المكونات الموجودة في قاعدة بيانات الواجهة الأمامية هذه وعرضها باستخدام Bit كمجموعة من المكونات القابلة للاستخدام بشكل مستقل. راجع نطاق evangelist على bit.dev لاستكشاف ودمج أي مكون في مشروعك.

  • تثبيت مكونات مستقلة مع bbit install
  • استخدم bbit import لاستكشاف المكونات الموجودة في مساحة العمل المحلية الخاصة بك وتعديلها وفقًا لاحتياجاتك الخاصة.
  • جرب أي مكون بشكل عملي في ساحة اللعب المباشرة للمستندات وفي صفحة "التركيبات".

نِطَاق

هذه واجهة أمامية صغيرة قائمة على المكونات

انتظر .. ماذا؟

لم يتم إنشاء منصة bit.dev وموقع الويب بالكامل كتطبيق واحد متجانس . بدلاً من ذلك، تم بناؤه من مكونات تم الحفاظ عليها في قواعد تعليمات برمجية مختلفة والتي تم تطويرها بشكل منفصل، ثم تم كشفها ودمجها معًا باستخدام Bit.

أرني مثالا!

ألق نظرة على الصفحة الرئيسية لـ bit.dev.

ستلاحظ أنه تم إنشاؤه من مكونات تعيش في قواعد تعليمات برمجية مختلفة للواجهة الأمامية:

  • المكونات evangelist (هنا).
  • مكونات واجهة المستخدم الأساسية.
  • تطبيق الحاوية (خاص).
  • إلخ

نحن نستخدم Bit لاحتواء وكشف المكونات من أي قاعدة تعليمات برمجية كمجموعة من واجهات برمجة التطبيقات في bit.dev والتي يمكن دمجها في صفحات وتطبيقات مختلفة. على سبيل المثال:

  • مكونات evangelist المكشوفة على bit.dev.
  • مكونات واجهة المستخدم الأساسية المكشوفة على bit.dev.

المكونات الرئيسية

الصفحات

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

الأقسام

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

محتوى

كائنات البيانات الأولية للمكونات المرئية (مثل نموذج MVC). يمكن لمكون واجهة مستخدم واحد أن يستخدم العديد من مكونات المحتوى في أماكن مختلفة، وقد يتم تقديم المحتوى بشكل مختلف في مكونات واجهة مستخدم مختلفة.

الذرة / "الخرسانة"

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

يثبت

  1. تثبيت البت: npm install @teambit/bit --global
  2. استنساخ مساحة عمل البت هذه: git clone https://github.com/teambit/evangelist.git evangelist
  3. انتقل إلى دليل مساحة العمل: cd evangelist
  4. قم بتثبيت جميع الحزم واستيراد جميع المكونات: bbit install
  5. قم بتشغيل واجهة مستخدم Workspace لاستكشاف مكونات Evangalist: bbit start وانتقل إلى https://localhost:3000
  6. يتمتع!
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل