חינם ClFlare ממשק UI עבור מפתחי Frontend

CloudFlare הודיעה לאחרונה שיפוץ גדול של המערכת שלהם מ עמוד השדרה כדי React.js. זה בא עם מסגרת ממשק משתמש מעודכנת והצוות החליט לפתוח קוד זה לכולם.

ה ממשק UI של CloudFlare, מקוצר CF-UI, היא ספריית קוד פתוח חופשית של קודי Frontend שיכולים לקשור לתהליך עבודה React.

הצוות היה מאוד פתוח לגבי המעבר שלהם לרבות טכנולוגיות אחרות כגון Lerna.js עבור ניהול קוד על פני מספר רב של repos. שיפוץ זה הולך עמוק יותר מרכיבים שטחיים, אך אלה רכיבים בחינם יכול לעשות הבדל עצום את זרימת העבודה שלך.

הוסיף CloudFlare רכיבים מותאמים אישית לתוך ספרייה יחד עם בדיקות יחידה לבדיקת איכות הקוד. אתה יכול לראות א דמו ישיר עבור כל הרכיבים בדף זה כולל תיעוד ו קטעי קוד.

כל הקוד הוא שנבנה עם ריאק, אז זה מרחיב שיעורים עשה עבור רכיבים שונים כגון pagination, תפריטים נפתחים, שדות קלט, ואפילו אוטומטי העתקה textareas.

אתה יכול לגלוש דרך כל החבילות על GitHub והם יכולים להיות כל מותקן באמצעות npm. הערה זו אינה מסגרת פשוטה Frontend כמו Bootstrap (למרות שזה מקרוב מחקה את הסגנון שלהם). במקום זאת, זהו להשלים React + גישה Redux אל רכיבי Frontend.

שים לב שאתה כבר צריך להרגיש נוח לעבוד עם רכיבים React, התקנת ספריות באמצעות npm, והוספת כריכות דרך React Redux.

כל הפרויקטים הללו הם קוד פתוח וקל להוספה לתוך האתר שלך. רכיבים בודדים יש קבצי JS שלהם אשר ניתן להוסיף לכותרת של האתר שלך. ואתה יכול עיין בכל הרכיבים בדף GitHub אם ברצונכם לקבל מידע נוסף.

דוגמאות חיות ו קטעי קוד מקור ניתן למצוא כאן אם אתה רוצה לצלול ממש פנימה וכמובן, אם יש לך שאלות או רעיונות תכונות טכניות אתה צריך לגלוש ספריית דיונים למידע נוסף. אתה יכול גם לנסות העברת הודעות CloudFlare devs או לשלוח להם ציוץ @Cloudflare.