Prinsip Arsitektur Micro-Frontend

Front-end mikro menerapkan gagasan layanan mikro pada UI: aplikasi besar dipecah menjadi bagian-bagian yang dikembangkan dan diterapkan secara mandiri, masing-masing dimiliki oleh tim terpisah, lalu digabungkan menjadi satu pengalaman bagi pengguna.

Front-end tunggal yang besar berarti setiap tim berkomitmen pada satu basis kode, mengoordinasikan rilis, dan berbagi satu build. Seiring organisasi berkembang, hal ini menjadi hambatan — build lambat, konflik penggabungan, dan jadwal rilis berantai.

Gagasan utamanya adalah kepemilikan menyeluruh. Sebuah tim memiliki kendali atas irisan antarmukanya dari kode hingga penerapan—repositori, alur kerja, dan lingkungan berjalannya sendiri—sehingga dapat bergerak tanpa menunggu tim lain.

Tim dibagi berdasarkan kapabilitas bisnis (Pembayaran, Pencarian, Profil), bukan berdasarkan lapisan teknis. Setiap irisan memiliki antarmuka, logika, dan akses datanya sendiri untuk kapabilitas tersebut.

Setiap mikro-frontend dirilis sesuai jadwalnya sendiri. Tim Pencarian dapat melakukan penerapan sepuluh kali sehari tanpa menyentuh Pembayaran. Rilis tidak saling bergantung sehingga risiko dan kebutuhan koordinasi berkurang.

Tim dapat memilih kerangka kerja yang berbeda untuk setiap irisan. Dalam praktiknya, sebagian besar organisasi menyeragamkan kerangka kerja (misalnya, semuanya menggunakan Vue) demi perkakas bersama, tetapi arsitektur ini memungkinkan keberagaman jika memang beralasan.

Salah satu cara menggabungkan irisan adalah integrasi saat pembangunan: setiap mikro-frontend dipublikasikan sebagai paket, lalu aplikasi wadah memasangnya sebagai dependensi dan membangun semuanya secara bersamaan.

Integrasi saat pembangunan memang sederhana, tetapi mengaitkan rilis: untuk merilis versi Pembayaran yang baru, aplikasi wadah harus dibangun dan diterapkan ulang. Anda kehilangan penerapan yang benar-benar mandiri.

Integrasi saat berjalan memuat mikro-frontend di peramban ketika aplikasi berjalan—aplikasi wadah mengambil kode modul jarak jauh saat diperlukan. Setiap modul jarak jauh dapat diterapkan secara mandiri; aplikasi wadah memperoleh versi terbaru tanpa pembangunan ulang.

Teknik utama saat berjalan adalah Federasi Modul: fitur pembangunan yang memungkinkan satu aplikasi mengekspos modul dan aplikasi lain menggunakannya melalui jaringan saat aplikasi berjalan, sambil berbagi dependensi umum. Anda akan menggunakannya dalam pelajaran berikutnya.

Gunakan integrasi saat pembangunan untuk tim kecil yang menginginkan kesederhanaan dan satu penerapan. Gunakan integrasi saat berjalan (Federasi Modul) ketika penerapan mandiri dan otonomi tim menjadi prioritas, serta Anda bersedia menerima kompleksitas operasional tambahan.

Anda telah mempelajari prinsip-prinsip mikro-frontend:

• Antarmuka besar dipecah menjadi irisan yang dimiliki dan diterapkan secara mandiri, lalu disusun untuk pengguna.
• Otonomi tim: kepemilikan menyeluruh atas irisan bisnis vertikal.
• Penerapan mandiri: setiap irisan dirilis sesuai jadwalnya sendiri.
• Keberagaman teknologi bersifat opsional; sebagian besar tim menyeragamkannya.
• Integrasi dapat dilakukan saat pembangunan (sederhana, rilis saling terkait) atau saat berjalan (Federasi Modul, kemandirian yang sebenarnya).