Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
apollo-link-stateで Local State を管理する世界/apollo-l...
Search
takanorip
November 19, 2018
Programming
2
640
apollo-link-stateで Local State を管理する世界/apollo-link-state
takanorip
November 19, 2018
Tweet
Share
More Decks by takanorip
See All by takanorip
Eleventy3.0 で始める爆速個人ブログ開発!
takanorip
0
100
Webフォント選定の極意!フォントの基本から最新トレンドまで徹底解説
takanorip
5
780
効果的な管理画面を デザインをするために 避けるべき5つの罠
takanorip
14
6.9k
社内管理画面のデザインもプロダクトデザイン
takanorip
4
1.8k
早わかり W3C Community Group
takanorip
0
460
Ubieとアクセシビリティのこれからを考える
takanorip
0
420
2023年版 デザインシステム 技術選定の勘所 - フロントエンドカンファレンス沖縄
takanorip
2
3.8k
Astroで始める爆速個人サイト開発
takanorip
15
11k
後悔しないデザインシステムの始め方
takanorip
4
3.1k
Other Decks in Programming
See All in Programming
Visual StudioのGitHub Copilotでいろいろやってみる
tomokusaba
1
210
color-scheme: light dark; を完全に理解する
uhyo
7
490
Honoのおもしろいミドルウェアをみてみよう
yusukebe
1
230
Introduction to kotlinx.rpc
arawn
0
770
CI改善もDatadogとともに
taumu
0
200
Bedrock Agentsレスポンス解析によるAgentのOps
licux
3
920
「個人開発マネタイズ大全」が教えてくれたこと
bani24884
1
200
コミュニティ駆動 AWS CDK ライブラリ「Open Constructs Library」 / community-cdk-library
gotok365
2
240
GoとPHPのインターフェイスの違い
shimabox
2
210
.NET Frameworkでも汎用ホストが使いたい!
tomokusaba
0
200
負債になりにくいCSSをデザイナとつくるには?
fsubal
10
2.6k
AIプログラミング雑キャッチアップ
yuheinakasaka
18
4.4k
Featured
See All Featured
How GitHub (no longer) Works
holman
314
140k
Code Review Best Practice
trishagee
67
18k
Building Applications with DynamoDB
mza
93
6.2k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
4
380
The World Runs on Bad Software
bkeepers
PRO
67
11k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7.1k
Being A Developer After 40
akosma
89
590k
Making Projects Easy
brettharned
116
6k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Transcript
apollo-link-stateで Local Stateを 管理する世界 Takanori Oki Roppongi.js 2018/11/19
自己紹介 • Takanori Oki ( @takanorip ) • 株式会社FOLIO フロントエンドエンジニア
• React / Vue.js / Polymer ( Web Components ) • フォントが好き
None
Apollo Client • GraphQLをクライアントサイドで扱うための ライブラリ • vue-apolloやreact-apolloのように フレームワークやライブラリごとに ライブラリが用意されている
Apollo Link • Apollo Clientでサーバーとやり取りをする ためのインターフェース • Link をつなぎ合わせて処理を定義する •
Link とは middleware のようなもので、 エラーハンドリングやポーリングなども ここで行う
Link1 Link2 Link3 Client Server
apollo-cache-inmemory • Apollo Clientはサーバーから取得したデータ をメモリ上にキャッシュすることができる • このキャッシュに対してクエリを投げる こともできる • キャッシュできるのはサーバー上にデータが
あるもののみ
今までは サーバーとの通信しか Apollo Clientで操作 できなかった
Redux Apollo Client Server Local State
apollo-link-state
apollo-link-state • Apollo ClientでLocal Stateを扱うための ライブラリ • サーバーと通信する場合と同じ様に、 クエリとミューテーションを使用する
Apollo Client Server Local State
None
None
None
Schema...? • まだよくわからない • ここにちょっと書いてある • https://www.apollographql.com/docs/link/ links/state.html#type-checking
おわり (フォント:源柔ゴシック)