lit-apollo 使ってみた
created at:
2018-12-12
tags:
これは Web Components Advent Calendar 2018 12日目の記事です。
Web Components Advent Calendar 2018 - Qiita
_Web ComponentsやPolymer、lit-html、LitElementに関することまでなんでも大歓迎！_qiita.com
タイトルのまんま、lit-html用のApollo Clientがあったのでさわってみた。
動くデモはこちら。CodeSandboxは良い。
https://codesandbox.io/embed/jn4xjqo0jw
使い方
基本的な使い方はreact-apolloとかと一緒。
Linkを設定してCache初期化してApollo Clientを呼び出す。
https://gist.github.com/takanorip/a7b62d7b4903cdf80ce627aa816f0c61
感想
- ApolloQueryクラスはLitElementクラスを継承してる。
- 中ではLitElementをApolloElementMixinに食わせてて、多重継承っぽい。このへんちょっと微妙かなーと思った。
- デフォルトではリアクティブじゃないので、そのへんちょっと使いにくいかも。
- 通常のLitElementと書き味がけっこう異なるので難しそう。
- Reduxとかと接続したいときどうしよう？
- TSで書かれてるのは良い
これからぼちぼち触っていきたい。