プレイブック
リモート間のシングルトン反応 (Singleton React Across Remotes)
Singleton React Between Remotes — 物流業務における生産レッスン。
物流マイクロフロントエンドプラットフォーム(モジュールフェデレーション)
一部 4 の 10
モジュールフェデレーションを使用して、物流操作パネルをシェル、認証、機能リモートに分割する一連の操作。
リモート間のシングルトン反応
共有構成なしで 2 つの React = サイレントフック地獄。 React インスタンスが重複すると、フックとコンテキストが壊れます。フェデレーション共有シングルトンにより、デュアル ランタイムが防止されます。```text shared: react + react-dom singleton
## 最初に説明した概念```text
📦 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ı.
```これらの概念を区別できないため、チームは UI と統合境界を混同しています。
## 問題の形式
React インスタンスが重複すると、フックとコンテキストが壊れます。フェデレーション共有シングルトンにより、デュアル ランタイムが防止されます。```text
shared: react + react-dom singleton
```## 従業員の区別
共有構成なしで 2 つの React = サイレントフック地獄。```text
shared: react + react-dom singleton
↓
explicit contract
```## 本番環境で位置が壊れている
契約または半径/アイデンティティ/展開の前提が曖昧な場合、インシデントは拡大します。目に見える契約、目に見える失効。
## このエピソードで最も混乱を招く対戦```text
❌ 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
独自のシステムのチェックリスト
- このサーフェスの所有権境界を 1 文で書きます。
- 誰がどの契約変更を展開しますか?
- タイムアウトまたはベンダー遅延時に UI には何が表示されますか?
- スタンドアロン シナリオと組み込みシナリオを別々にテストしますか?
- 拒否リスト: コンテンツに企業/ベンダーのドメインの漏洩はありますか?
このセクションで覚えておくべきこと
- コントラクトが表示される必要があります: パス、半径、チケットのステータス、またはリモート URL を公開します。
- UI と外部システムの間のギャップは設計上の決定であり、バグではありません。
- 独立したデプロイは、独立したロールバックを意味します。
非表示にした制限により、本番環境で見つかることになります。
FAQ
よくある質問
シェル(ホスト)とは何ですか?
リモートをインストールし、共通のレイアウトと高レベルのルーティングを実行するアプリケーション。
リモートとは何ですか?
RemoteEntry.js 経由でモジュールを公開するスタンドアロン ビルド。
「1 つのアプリですべてが安全」は本当ですか?
境界が明確でない場合、単一のアプリケーションはより脆弱になります
このセクションでは何を修正しますか?
共有構成なしで 2 つの React = サイレントフック地獄。共有構成なしで 2 つの React = サイレントフック地獄。 React インスタンスが重複すると、フックとコンテキストが壊れます。フェデレーション共有シングルトンにより、デュアル ランタイムが防止されます。
学んだエンジニアリング原則
- 所有権と公開の制限は、ドメイン モデルと同様に現実のものです。
- 外部システムは証拠を生成します。運用状況はお客様が決定します。
- 契約をサーバーのように管理します。インテリアディテールを公開。
続きを読む
続きを読む
シリーズの次のシリーズ
リモートおよびスタンドアロン ブロードキャスト機能
特集リモートおよびスタンドアロン ブロードキャスト — 物流業務における制作レッスン。
シリーズの次のシリーズ
なぜ認証を別個のリモートにする必要があるのでしょうか?
なぜ認証を別個のリモートにする必要があるのでしょうか? — 物流業務における生産レッスン。
同じシリーズ
モジュールフェデレーション: シェルとリモートの合意
モジュール フェデレーション: シェルとリモート コントラクト — 物流業務における生産レッスン。