CloudFlare UI Framework for Frontend Developers

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

ال CloudFlare UI Framework, مختصر CF-UI, هي مكتبة مفتوحة المصدر مجانية من رموز الواجهة الأمامية التي يمكن ربط سير العمل React.

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

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

كل رمز هو بنيت مع رد الفعل, لذلك يمتد الطبقات مصنوع لمكونات مختلفة مثل ترقيم الصفحات وقوائم منسدلة وحقول الإدخال وحتى نسخ النصوص تلقائيًا.

يمكنك تصفح جميع الحزم على جيثب ويمكن أن تكون جميعها تثبيت عبر npm. لاحظ أن هذا ليس إطار عمل بسيط للواجهة الأمامية مثل Bootstrap (على الرغم من أنه يحاكي عن كثب أسلوبهم). بدلا من ذلك ، هذا هو كامل رد الفعل + نهج الإعادة إلى مكونات الواجهة.

لاحظ أنه يجب أن تشعر بالفعل بالراحة في التعامل مع مكونات React ، وتثبيت المكتبات عبر npm ، وإضافة روابط من خلال React Redux.

جميع هذه المشاريع مفتوحة المصدر وسهلة إلحاقها في موقعك. المكونات الفردية لديك ملفات JS الخاصة بهم والتي يمكنك إضافتها إلى رأس موقعك. ويمكنك تصفح من خلال جميع المكونات على صفحة جيثب إذا كنت تريد معرفة المزيد.

أمثلة حية و مقتطفات شفرة المصدر يمكن العثور عليها هنا إذا كنت تريد الغوص مباشرةً. وبالطبع ، إذا كانت لديك أسئلة أو أفكار للميزات التقنية ، فيجب عليك استعراض دليل المناقشات لمزيد من المعلومات. يمكنك أيضًا تجربة مراسلات CloudFlare devs أو إرسال تغريدة إليهاCloudflare.