מיקרו פרונטאנד
קפיצה לניווט
קפיצה לחיפוש
מיקרו פרונטאנד (באנגלית: Microfrontend) או Module Federation הוא ארכיטקטורה לפיתוח צד לקוח ביישום רשת שבו ניתן לבנות אפליקציה בודדת עם בניות תוכנה (builds) נפרדות.[1] זה מקביל לגישה של מיקרו שירותים, אבל עבור יישומי דף יחיד בצד הלקוח שנכתבו ב-JavaScript.[2] זהו פתרון לפירוק וניתוב עבור יישומי צד לקוח מרובים.[3]
הארכיטקטורה נועדה לפתור את הבעיות הבאות:[4]
- התנגשויות בין צוותים שונים שעובדים על אותה אפליקציית צד לקוח
- תהליכי CI/CD ארוכים
- תוכנה מונוליתית (אנ') גדולה עם הרבה תלויות הופכת להיות קשה לשינוי
בעיות שהארכיטקטורה מייצרת:
- שיתוף מידע בין פרונט אנדים שונים הופך להיות יותר מורכב
- חוסר אחידות בעיצוב
- שכפול קוד שמשמש פרונטאנדים שונים, הן בכתיבה והן בטעינה לדפדפן
בין החברות שמשתמשות במיקרו פרונטאנד היא איקאה.[5]
עבור Webpack מושג זה מכונה פדרציית מודולים (Module Federation).[6]
קישורים חיצוניים
- micro-frontends.org (באנגלית) - אתר המוקדש לנושא
- רן בר-זיק, מיקרו פרונטאנד, בבלוג "אינטרנט ישראל"
- גיל פינק, למה אני עדיין מהמר על Web Components? (וגם אתם צריכים להתחיל לחשוב להשתמש בהם), באתר גיקטיים
- עידן יצחקי, Angular Microfrontend Module Federation Tutorial – Part 1, באתר קודקודייל
כותבים קוד בסקייל עם Microfrontends, בפודקאסט עושים היסטוריה
הערות שוליים
- ^ "Micro Frontends". martinfowler.com. נבדק ב-2022-08-29.
- ^ "Contentstack: What is a micro-frontend approach? - CW Developer Network". www.computerweekly.com. נבדק ב-2022-08-29.
- ^ "Decision Strategies for a Micro Frontends Architecture". InfoQ (באנגלית). נבדק ב-2022-08-29.
- ^ רן בר-זיק, מיקרו פרונטאנד, בבלוג "אינטרנט ישראל"
- ^ "Experiences Using Micro Frontends at IKEA". InfoQ (באנגלית). נבדק ב-2022-08-29.
- ^ "Module Federation". webpack (באנגלית). נבדק ב-2022-08-29.
35000044מיקרו פרונטאנד