Micro Frontends in Action

میکرو فرانت‌اندها در عمل به شما آموزش می‌دهد که چگونه رویکرد میکروسرویس‌ها را به فرانت‌اند (رابط کاربری) اعمال کنید.

خلاصه

نرم‌افزارهای مبتنی بر مرورگر می‌توانند به سرعت پیچیده و دشوار در نگهداری شوند، به‌ویژه زمانی که به‌صورت یک اپلیکیشن تک‌صفحه‌ای بزرگ پیاده‌سازی می‌شوند. با پذیرش رویکرد میکرو فرانت‌اند و طراحی اپلیکیشن‌های وب به‌عنوان سیستم‌های ویژگی‌ها، می‌توانید توسعه ویژگی‌ها را سریع‌تر، به‌روزرسانی‌ها را آسان‌تر و انتخاب فناوری‌هایی که در استک خود استفاده می‌کنید را به‌راحتی انجام دهید. میکرو فرانت‌اندها در عمل راهنمای شما برای ساده‌سازی فرانت‌اندهای پیچیده از طریق ترکیب آن‌ها از واحدهای کوچک و به‌خوبی تعریف‌شده است.

درباره تکنولوژی

میکرو فرانت‌اندها همان انعطاف‌پذیری و قابلیت نگهداری را به اپلیکیشن‌های مبتنی بر مرورگر می‌دهند که میکروسرویس‌ها برای سیستم‌های بک‌اند فراهم می‌کنند. شما پروژه خود را به‌عنوان مجموعه‌ای از کامپوننت‌های مستقل طراحی می‌کنید که شامل رابط‌ها، منطق و ذخیره‌سازی خود هستند. سپس این مینی‌اپلیکیشن‌ها را به‌صورت مستقل توسعه داده و در مرورگر ترکیب می‌کنید.

درباره کتاب

میکرو فرانت‌اندها در عمل به شما آموزش می‌دهد که چگونه رویکرد میکروسرویس‌ها را به فرانت‌اند اعمال کنید. شما با ایده‌های طراحی اصلی میکرو فرانت‌اند شروع می‌کنید. سپس یک اپلیکیشن تجارت الکترونیک می‌سازید و مسائل عملی مانند ترکیب سرور-سمت و مشتری-سمت، مسیریابی و حفظ یک ظاهر و احساس ثابت را بررسی می‌کنید. در نهایت، الگوهای کاری تیم‌ها را بررسی می‌کنید که حداکثر بهره‌برداری از توسعه مستقل کامپوننت‌های اپلیکیشن را به‌دست می‌دهند.

آنچه در این کتاب خواهید یافت:

• ایجاد یک فرانت‌اند یکپارچه از اپلیکیشن‌های مستقل
• ترکیب کد جاوااسکریپت از فریمورک‌های مختلف
• ترکیب و مسیریابی سمت مرورگر و سرور
• پیاده‌سازی تیم‌های مؤثر و جریان کاری پروژه

درباره خوانندگان

این کتاب برای توسعه‌دهندگان وب، معماران نرم‌افزار و رهبران تیم‌ها طراحی شده است.

درباره نویسنده

مایکل گئرس یک توسعه‌دهنده نرم‌افزار است که تخصص در ساخت رابط‌های کاربری دارد.

فهرست مطالب

بخش 1 – شروع با میکرو فرانت‌اندها

1. میکرو فرانت‌اندها چیستند؟
2. اولین پروژه میکرو فرانت‌اند من

بخش 2 – مسیریابی، ترکیب و ارتباطات

3. ترکیب با Ajax و مسیریابی سمت سرور

4. ترکیب سمت سرور

5. ترکیب سمت مشتری

6. الگوهای ارتباطی

7. مسیریابی سمت مشتری و پوسته اپلیکیشن

8. ترکیب و رندرینگ جهانی

9. کدام معماری برای پروژه من مناسب است؟

بخش 3 – چطور سریع، یکپارچه و مؤثر باشیم

10. بارگذاری دارایی‌ها

11. عملکرد کلیدی است

12. سیستم طراحی و رابط کاربری

13. تیم‌ها و مرزها

14. مهاجرت، توسعه محلی و تست‌ها

Micro Frontends in Action teaches you to apply the microservices approach to the frontend.

Summary

Browser-based software can quickly become complex and difficult to maintain, especially when it’s implemented as a large single-page application. By adopting the micro frontends approach and designing your web apps as systems of features, you can deliver faster feature development, easier upgrades, and pick and choose the technology you use in your stack. Micro Frontends in Action is your guide to simplifying unwieldy frontends by composing them from small, well-defined units.

About the Technology

Micro frontends deliver the same flexibility and maintainability to browser-based applications that microservices provide for backend systems. You design your project as a set of standalone components that include their own interfaces, logic, and storage. Then you develop these mini-applications independently and compose them in the browser.

About the Book

Micro Frontends in Action teaches you to apply the microservices approach to the frontend. You’ll start with the core micro frontend design ideas. Then, you’ll build an e-commerce application, working through practical issues like server-side and client-side composition, routing, and maintaining a consistent look and feel. Finally, you’ll explore team workflow patterns that maximize the benefit of developing application components independently.

What’s Inside

• Create a unified frontend from independent applications
• Combine JavaScript code from multiple frameworks
• Browser and server-side composition and routing
• Implement effective dev teams and project workflow

About the Reader

For web developers, software architects, and team leaders.

About the Author

Michael Geers is a software developer specializing in building user interfaces.

Table of Contents

PART 1 – GETTING STARTED WITH MICRO FRONTENDS

1 What are micro frontends?

2 My first micro frontends project

PART 2 – ROUTING, COMPOSITION, AND COMMUNICATION

3 Composition with Ajax and server-side routing

4 Server-side composition

5 Client-side composition

6 Communication patterns

7 Client-side routing and the application shell

8 Composition and universal rendering

9 Which architecture fits my project?

PART 3 – HOW TO BE FAST, CONSISTENT, AND EFFECTIVE

10 Asset loading

11 Performance is key

12 User interface and design system

13 Teams and boundaries

14 Migration, local development, and testing

About the Author

Michael Geers is a software developer specializing in building user interfaces. He has written software for the web since he was a teenager. In the last few years, he has worked on various customer projects with verticalized architectures. He shares his experiences on this topic at international conferences, in a series of magazine articles, and runs the site micro-frontends.org.