Oyun Kitabı
Paylaşılan UI (User Interface) Remote: Snackbar Geribildirimi (Paylasilan UI Remote Geri Bildirim)
Paylaşılan UI Remote: Snackbar Geribildirimi — lojistik operasyonlarında üretim dersi.
Lojistik Mikro Frontend Platformu (Module Federation)
Bolum 6 / 10
Lojistik operasyon panellerini Module Federation ile shell, auth ve feature remote'lara ayırma serisi.
Paylaşılan UI (User Interface) Remote: Snackbar Geribildirimi
Snackbar remote ≠ bildirim yönetim paneli. A tiny UI remote can expose snackbar primitives; push-admin stays on the ops control plane.
notifications remote exposes Snackbar, not admin
Snackbar remote ≠ bildirim yönetim paneli.
Kavramlar ilk geçtiği yerde
📦 Shell (Host)
Remotes'u yükleyen, ortak layout ve üst seviye routing taşıyan uygulama.
📦 Remote
remoteEntry.js üzerinden modül expose eden bağımsız build.
📦 Expose Path
Tüketicilerin import ettiği public modül yolu (ör. auth/Login).
📦 Shared Singleton
React gibi bağımlılıkların tek kopyada çalışmasını zorunlu kılan Federation ayarı.
Bu kavramları ayırt edemeyen ekip, UI ile entegrasyon sınırını karıştırır.
Problemin şekli
A tiny UI remote can expose snackbar primitives; push-admin stays on the ops control plane.
notifications remote exposes Snackbar, not admin
Çalışan ayrım
Snackbar remote ≠ bildirim yönetim paneli.
notifications remote exposes Snackbar, not admin
↓
explicit contract
Üretimde kırılan yer
Sözleşme veya yarıçap/kimlik/deploy varsayımları gizlendiğinde incident büyür. Görünür sözleşme, görünür geri alma.
Bu bölümde en çok karışan eşleştirmeler
❌ Her şey tek uygulamada daha güvenli
✓ Sınırlar net değilse tek uygulama daha kırılgandır
❌ Konfigürasyon kodda hardcoded kalsın
✓ Yarıçap, remote URL ve expose path operasyonel kontratlardır
❌ Vendor/API gerçeği UI state'tir
✓ Vendor feed kanıt, ops state karardır
Kendi sisteminizi denetleme listesi
- Bu yüzeyin sahiplik sınırını bir cümleyle yazın.
- Hangi kontrat değişirse kim deploy eder?
- Timeout veya vendor gecikmesinde UI ne gösterir?
- Standalone ve gömülü senaryoları ayrı test ediyor musunuz?
- Deny-list: içerikte firma/vendor domain sızıntısı var mı?
Bu bölümden aklında kalması gerekenler
- Sözleşme görünür olmalıdır: expose path, yarıçap, ticket durumu veya remote URL.
- UI ile dış sistem arasındaki boşluk tasarım kararıdır, bug değil.
- Bağımsız deploy, bağımsız geri alma demektir.
Gizlediğiniz sınır, üretimde sizi bulur.
SSS
Sık sorulan sorular
Shell (Host) nedir?
Remotes'u yükleyen, ortak layout ve üst seviye routing taşıyan uygulama.
Remote nedir?
remoteEntry.js üzerinden modül expose eden bağımsız build.
"Her şey tek uygulamada daha güvenli" doğru mu?
Sınırlar net değilse tek uygulama daha kırılgandır
Bu bölüm neyi sabitler?
Snackbar remote ≠ bildirim yönetim paneli. Snackbar remote ≠ bildirim yönetim paneli. A tiny UI remote can expose snackbar primitives; push-admin stays on the ops control plane.
Ogrenilen Muhendislik Prensipleri
- Sahiplik ve yayın sınırı, domain model kadar gerçektir.
- Dış sistem kanıt üretir; operasyonel durum sizde karara bağlanır.
- Kontratı semver gibi yönetin; iç detayı serbest bırakın.
Okumaya devam et
Okumaya devam et
Seride sonraki yazi
Host Shell'de Rota (Routing) Bileşimi
Host Shell'de Rota (Routing) Bileşimi — lojistik operasyonlarında üretim dersi.
Seride sonraki yazi
Özellik Remote'u ve Bağımsız (Standalone) Yayın
Özellik Remote'u ve Bağımsız (Standalone) Yayın — lojistik operasyonlarında üretim dersi.
Ayni seriden
Remote'lar Arasında Singleton React
Remote'lar Arasında Singleton React — lojistik operasyonlarında üretim dersi.