Micro Frontends with Module Federation
Micro frontends นำหลักการของ microservices ไปสู่เบราว์เซอร์: ทีมแต่ละทีมเป็นเจ้าของ UI slice ที่ปรับใช้งานแบบอิสระ และ Module Federation ของ Webpack จะรวมมันเข้าด้วยกันในเวลาทำงาน การเรียนรู้นี้ครอบคลุมสถาปัตยกรรมแบบเต็มรูปแบบ — จากการแยก frontend แบบ monolithic ออกเป็นหน่วยอิสระไปจนถึงการปรับใช้งาน รักษาความปลอดภัย และปรับประสิทธิภาพแอปพลิเคชัน federated ในสภาพแวดล้อมการผลิต เทคโนโลยีนี้ได้รับการพิสูจน์แล้วในสภาพแวดล้อมการผลิตที่องค์กรต่างๆ ต้องการให้ทีมหลายทีมส่งงานไปยังหน้าเดียวกันโดยไม่มีคอขวด
สิ่งที่คุณจะได้เรียนรู้
คุณจะเข้าใจหลักการโครงสร้างเบื้องหลัง micro frontend architecture กำหนด Webpack Module Federation ตั้งแต่เริ่มต้น และแชร์ไลบรารีทั่ว remotes โดยไม่ซ้ำซ้อน การเรียนรู้นี้ครอบคลุมการกำหนดเส้นทางและการนำทางข้าม federated boundaries กลยุทธ์การแยกข้อผิดพลาดและความยืดหยุ่น และรูปแบบการสื่อสารระหว่าง micro-frontends คุณยังจะศึกษากลยุทธ์การทดสอบเฉพาะสำหรับแอปพลิเคชัน federated pipeline CI/CD สำหรับการปรับใช้งานแบบอิสระ การปรับประสิทธิภาพประสิทธิการ และข้อพิจารณาด้านความปลอดภัยที่ไม่ซ้ำใครสำหรับการโหลดโค้ดระยะไกลในเวลาทำงาน
เส้นทางการเรียนรู้
สิบสองวิชาครอบคลุม A1 ถึง C1 การเรียนรู้เปิดด้วย Introduction to Micro Frontends Architecture และเข้าสู่ Webpack and Module Federation Basics และ Building Your First Federated Application ที่ B1 บล็อก B2 เจาะลึกงานผ่านการแชร์โมดูลขั้นสูง การกำหนดเส้นทาง การจัดการข้อผิดพลาด การทดสอบ และการปรับใช้งาน สี่วิชา C1 สุดท้าย — Inter-Micro Frontend Communication Patterns, Performance Optimization for Micro Frontends, Security in Micro Frontends Architecture และ Advanced Scenarios and Best Practices — จัดการกับข้อกังวลด้านการผลิตที่ยากที่สุด
วิธีการทำงาน
แต่ละวิชาแบ่งออกเป็นบทเรียนแบบลงมือปฏิบัติสั้นๆ ที่คุณสำเร็จในตัวแก้ไขโค้ดในตัวที่มีการตอบกลับแบบเรียลไทม์ มีติวเตอร์ AI พร้อมใช้งานเมื่อใดก็ตามที่คุณติดขัด เพื่อให้คุณสามารถศึกษาข้อผิดพลาดในการกำหนด ค่าและคำถามทางสถาปัตยกรรมโดยไม่ต้องออกจากแพลตฟอร์ม
