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
670
apollo-link-stateで Local State を管理する世界/apollo-link-state
takanorip
November 19, 2018
Tweet
Share
More Decks by takanorip
See All by takanorip
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
320
Bulletproof Design System with TypeScript
takanorip
6
3.6k
Eleventy3.0 で始める爆速個人ブログ開発!
takanorip
0
140
Webフォント選定の極意!フォントの基本から最新トレンドまで徹底解説
takanorip
5
900
効果的な管理画面を デザインをするために 避けるべき5つの罠
takanorip
14
7.3k
社内管理画面のデザインもプロダクトデザイン
takanorip
4
2k
早わかり W3C Community Group
takanorip
0
500
Ubieとアクセシビリティのこれからを考える
takanorip
0
460
2023年版 デザインシステム 技術選定の勘所 - フロントエンドカンファレンス沖縄
takanorip
2
3.9k
Other Decks in Programming
See All in Programming
AI コーディングエージェントの時代へ:JetBrains が描く開発の未来
masaruhr
1
140
PicoRuby on Rails
makicamel
2
130
WebViewの現在地 - SwiftUI時代のWebKit - / The Current State Of WebView
marcy731
0
120
ペアプロ × 生成AI 現場での実践と課題について / generative-ai-in-pair-programming
codmoninc
1
18k
GitHub Copilot and GitHub Codespaces Hands-on
ymd65536
2
150
第9回 情シス転職ミートアップ 株式会社IVRy(アイブリー)の紹介
ivry_presentationmaterials
1
320
AIプログラマーDevinは PHPerの夢を見るか?
shinyasaita
1
220
スタートアップの急成長を支えるプラットフォームエンジニアリングと組織戦略
sutochin26
1
5.6k
プロダクト志向ってなんなんだろうね
righttouch
PRO
0
190
たった 1 枚の PHP ファイルで実装する MCP サーバ / MCP Server with Vanilla PHP
okashoi
1
250
VS Code Update for GitHub Copilot
74th
2
640
Result型で“失敗”を型にするPHPコードの書き方
kajitack
5
650
Featured
See All Featured
Docker and Python
trallard
44
3.5k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.4k
Unsuck your backbone
ammeep
671
58k
Speed Design
sergeychernyshev
32
1k
Facilitating Awesome Meetings
lara
54
6.4k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
46
9.6k
Writing Fast Ruby
sferik
628
62k
Embracing the Ebb and Flow
colly
86
4.7k
4 Signs Your Business is Dying
shpigford
184
22k
What's in a price? How to price your products and services
michaelherold
246
12k
We Have a Design System, Now What?
morganepeng
53
7.7k
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
おわり (フォント:源柔ゴシック)