「そのモーダル、開いてなくても動いてます」― 副作用を防ぐ正しい設計とは?

こんにちは!フロントエンドエンジニアの朝井です! モーダルコンポーネントをなんとなく実装していませんか? React や Vue では「開閉フラグを渡して <Modal> をレンダリングするだけ」で動作しますが、その内部に API 呼び出しやステートフルなロジックをべた書きすると、非表示状態でも副作用が走り続け、パフォーマンスや意</modal>…