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