معماری میکرو فرانت‌اند چیه؟! 🪡
تا به حال شده به این فکر کنی که یه پروژه بزرگ مثل یه پازل پیچیده‌است که باید هر قطعه‌اش به درستی کنار هم قرار بگیره؟ حالا تصور کن که می‌تونستیم هر یک از این قطعات رو به صورت جداگونه و مستقل توسعه بدیم و بعد به هم وصل کنیم. اینجاست که مفهوم میکرو فرانت‌اند روشن میشه. میکرو فرانت‌اندها همونطور که از اسمشون پیداست بخش‌های کوچکی از یه پروژه بزرگ هستن که به صورت مستقل و مجزا توسعه، تست و منتشر میشن.
مزایای استفاده از میکروفرانت‌اند 👇
مستقل بودن تیم‌ها و توسعه سریعتر
هر تیم می‌تونه روی یک بخش خاص از پروژه کار کنه، بدون اینکه روی سایر بخش‌ها تأثیر بذاره. این موضوع روند توسعه رو سریعتر و مدیریت رو ساده‌تر می‌کنه.
چند تکنولوژی در یک پروژه
در یک پروژه میشه از فریمورک و کتابخانه های مختلف مثل React، Vue یا Angular در قسمت‌های مختلف استفاده کرد. این ویژگی برای پروژه‌های قدیمی که نیاز به مهاجرت تدریجی دارن، بسیار مفید هست.
بروزرسانی آسون و بدون تأثیر روی کل پروژه
هر میکروفرانت‌اند به‌صورت مستقل دپلوی میشه و تغییرات در یک بخش، باعث خرابی یا مشکل در سایر بخش‌ها نمیشه.
بهینه‌سازی عملکرد
به‌جای لود شدن یک برنامه بزرگ، فقط بخش‌های موردنیاز بارگذاری میشن که باعث بهبود زمان لود صفحه و تجربه کاربری میشه.
مقیاس‌پذیری بهتر
با افزایش کاربران و نیازهای پروژه، میشه بخش‌های مختلف رو به‌صورت مستقل گسترش داد.
با این رویکرد هر بخش از فرانت‌اند می‌تونه به صورت مستقل توسعه، تست و دیپلوی بشه. دقیقا مثل معماری میکروسرویس ها در بک‌اند. برای کسب اطلاعات بیشتر این مقاله رو میتونید مطالعه کنید.
#microfrontend
@CodeModule
تا به حال شده به این فکر کنی که یه پروژه بزرگ مثل یه پازل پیچیده‌است که باید هر قطعه‌اش به درستی کنار هم قرار بگیره؟ حالا تصور کن که می‌تونستیم هر یک از این قطعات رو به صورت جداگونه و مستقل توسعه بدیم و بعد به هم وصل کنیم. اینجاست که مفهوم میکرو فرانت‌اند روشن میشه. میکرو فرانت‌اندها همونطور که از اسمشون پیداست بخش‌های کوچکی از یه پروژه بزرگ هستن که به صورت مستقل و مجزا توسعه، تست و منتشر میشن.
مزایای استفاده از میکروفرانت‌اند 👇
مستقل بودن تیم‌ها و توسعه سریعتر
هر تیم می‌تونه روی یک بخش خاص از پروژه کار کنه، بدون اینکه روی سایر بخش‌ها تأثیر بذاره. این موضوع روند توسعه رو سریعتر و مدیریت رو ساده‌تر می‌کنه.
چند تکنولوژی در یک پروژه
در یک پروژه میشه از فریمورک و کتابخانه های مختلف مثل React، Vue یا Angular در قسمت‌های مختلف استفاده کرد. این ویژگی برای پروژه‌های قدیمی که نیاز به مهاجرت تدریجی دارن، بسیار مفید هست.
بروزرسانی آسون و بدون تأثیر روی کل پروژه
هر میکروفرانت‌اند به‌صورت مستقل دپلوی میشه و تغییرات در یک بخش، باعث خرابی یا مشکل در سایر بخش‌ها نمیشه.
بهینه‌سازی عملکرد
به‌جای لود شدن یک برنامه بزرگ، فقط بخش‌های موردنیاز بارگذاری میشن که باعث بهبود زمان لود صفحه و تجربه کاربری میشه.
مقیاس‌پذیری بهتر
با افزایش کاربران و نیازهای پروژه، میشه بخش‌های مختلف رو به‌صورت مستقل گسترش داد.
با این رویکرد هر بخش از فرانت‌اند می‌تونه به صورت مستقل توسعه، تست و دیپلوی بشه. دقیقا مثل معماری میکروسرویس ها در بک‌اند. برای کسب اطلاعات بیشتر این مقاله رو میتونید مطالعه کنید.
#microfrontend
@CodeModule
Medium
What is Microfrontend and Why You Should Know About It
In recent years, web applications have grown significantly in size and complexity. This has made traditional approaches to developing…