2018年Vue.jsとVuexを使ってる人には必ず知っていてほしい開発やメンテナンスの際に役立つ設計とTipsとサンプルコードFacebookfluxVue.jsVuexvue-router 初めに ※ 全てのコメントに返事しません。 ※ 記事の内容に意見がありましたら直接編集リクエストをください。 ゴール ReduxやVuex、Fluxのパワーワードに負けずになんとなくではなくちゃんとFluxを理解し、実践して恩恵を受ける。 役立つVuexのTipsを身につけコード品質を向上させる。 VuexとVueRouterの落とし穴の把握。 リファクタリングの障害を減らしコードを追いやすくする。 Vuexの穴 1. Vuex提供のmap系の辛み VuexのmapActionsとか、createNamespacedHelpersめっちゃ便利ですよね。 import { createNamespac
![2018年Vue.jsとVuexを使ってFluxをしている人には必ず知っていてほしい開発やメンテナンスの際に役立つVuexのTipsとサンプルコード](https://cdn-ak-scissors.b.st-hatena.com/image/square/ab6b31c8becf4cb8fa854e7210e3ebe6b1f9f89b/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9MjAxOCVFNSVCOSVCNFZ1ZS5qcyVFMyU4MSVBOFZ1ZXglRTMlODIlOTIlRTQlQkQlQkYlRTMlODElQTMlRTMlODElQTYlRTMlODIlOEIlRTQlQkElQkElRTMlODElQUIlRTMlODElQUYlRTUlQkYlODUlRTMlODElOUElRTclOUYlQTUlRTMlODElQTMlRTMlODElQTYlRTMlODElODQlRTMlODElQTYlRTMlODElQkIlRTMlODElOTclRTMlODElODQlRTklOTYlOEIlRTclOTklQkElRTMlODIlODQlRTMlODMlQTElRTMlODMlQjMlRTMlODMlODYlRTMlODMlOEElRTMlODMlQjMlRTMlODIlQjklRTMlODElQUUlRTklOUElOUIlRTMlODElQUIlRTUlQkQlQjklRTclQUIlOEIlRTMlODElQTQlRTglQTglQUQlRTglQTglODglRTMlODElQThUaXBzJUUzJTgxJUE4JUUzJTgyJUI1JUUzJTgzJUIzJUUyJTgwJUE2JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1kODk0NDcwMjgyZTliYzA0YzhjZTM5ZTczMWM5ODg2MQ%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwa2FoaXJva3VubiZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NzZmMWJjNTlkOTk5Zjg5MTAwYjEzODk1YzdkMWRkYWU%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D5494c6922a60945e99c999406efb53ba)