Nuxt.js with Apollo Client

Transcript

1. Nuxt.js with
 Apollo Client Takanori Oki
2. ⾃⼰紹介 • Takanori Oki（@takanorip） • 株式会社FOLIO
 フロントエンドエンジニア • React / Nuxt.js / Polymer • フォントが好き
4. How to use？ • 資料を家に忘れてきたのでGitHub リポジトリ を参照しながら進めます
5. ドキュメント 「ゼロコンフィグだよ」
6. ちょっと使いにくい
7. 普通に設定ファイル 使うほうが良さそう
8. vue-apollo 「Apollo Boost使うよ」
9. 使わないほうが良さそう
10. 設計指針 • ページコンポーネントに閉じ込める • Vuex との連携 • Mutation だけ • Query、Mutations両⽅
11. 個⼈的には ページコンポーネントに 閉じ込めたい
12. Apollo Clinetは メモリ上にキャッシュを 持つので Vuex に乗せると ⼆重管理になる
13. Apolloのキャッシュは 便利なので できればそれを使いたい
14. その他のローカルでしか 使わないstateはVuexで 管理しても良い
15. Apollo ClientとNuxt.jsの 可能性