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の 可能性