k0n_karin https://blog.hatena.ne.jp/k0n_karin/ Yappli Tech Blog https://tech.yappli.io/ Vue.js JavaScript TypeScript アーキテクチャ フロントエンド この記事は Yappli Advent Calendar 2024 の13日目の記事です。 Nuxtを採用した理由 当時のアーキテクチャの方針 現在の課題 1. アプリケーション全体がVuexと密結合になっている コード例 2. Vuexの移行コストが高い 3. グローバルで使わない状態もVuexに存在している 4. 肥大化したVuexモジュールの認知負荷が高い 5. dispatchが型安全でない どうするのが良さそうだったか 1. Vuexを参照する層を限定する 2. ラッパーを噛ませてVuexを参照する これからの旅路 必要な分だけグローバルな状態管理をする グローバルで持ちたい状態やロ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.yappli.io%2Fentry%2Fyappli-cms-with-vuex" title="YappliのCMSにおけるVuexとの付き合い方と今後の展望 - Yappli Tech Blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/k/k0n_karin/20241211/20241211163116.png Hatena Blog https://hatena.blog 2024-12-13 18:17:44 rich https://tech.yappli.io/entry/yappli-cms-with-vuex 1.0 100%