しばらくぶりにWebのフロントエンドを書いてるので色々復習を込めて。 ReactやVueなどコンポーネント指向で実装できるフレームワークを利用して開発する際に親子関係を持たないコンポーネント同士で通信をしたい時ってありますよね。 とりわけシングルページアプリケーションを作っている際に自分がよく出会うケースとして 共通ヘッダーのタイトルを書き換える ページによって共通ヘッダーに「戻る」ナビゲーションを出したり消したりする バックグラウンドで通信し続けているソケットからデータを受信して画面上にNotificationのバッヂやポップアップを出す とかがあります。 こういう時にこそアプリケーション全体で一つのstoreを共有してstateを管理する方針のfluxパターンを実現するVuexやReduxを導入したくなります。 ただただ、概念を理解したり動くようになるまでに準備が結構必要だったりと、ち
![Vuexを利用せずに親子関係を持たないコンポーネント同士で通信する - 俺、サービス売って家買うんだ](https://cdn-ak-scissors.b.st-hatena.com/image/square/b0edc15350c1fd1d0b2f318ea771f3aceb78d198/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fi%2Fie-kau%2F20150818%2F20150818232251.png)