あなたのプロダクトに Apollo Client は必要ないかもしれない - 一休.com Developers Blog

2022/07/01 197 users プロダクト Relay Apollo あなた クライアント

Apollo Client は複雑 Apollo Client が向いているケース 一休.com に Apollo Client は必要ないかもしれない では何を使えばいいの？ 複雑なアプリケーションには Apollo を使えばいい？ もう一つのリッチなクライアント、Relay の話 結局、何を使えばいいのか この記事は一休 × 出前館 Frontend Meetup でお話した内容... 続きを読む

GraphQLクライアントにurqlをおすすめしたい

2021/07/30 6 users Apollo GraphQL mutation クライアント

GraphQLのクライアントといえばApollo Clientが使われることが多いと思いますが、urqlというクライアントをおすすめする記事です。 TL;DR urqlのドキュメントキャッシュはApolloみたいなキャッシュ管理が要らなくて楽だからおすすめ ドキュメントキャッシュは、Mutationの __typename を見て汚れたキャッシュを捨てる仕... 続きを読む

Apollo Client と SSR の罠 その1 - パフォーマンス改善編 | Wantedly Engineer Blog

2020/12/11 14 users SSR Wantedly アプリケーション 議論 web

Wantedly でバックエンドエンジニアをしている @izumin5210 です。 この記事は GraphQL Advent Calendar 2020 の11日目の記事として書かれました。が、7割くらいは SSR についての議論のこり3割くらいが Apollo Client の話です。 最近、Apollo Client と SSR(Server Side Rendering) を利用した Web アプリケーションの... 続きを読む

Auth0で保護されたAWS AppSync(GraphQL)をReactからApollo Clientで利用する方法をチュートリアルとしてまとめた | Developers.IO

2020/05/08 11 users auth React GraphQL チュートリアル 方法

Create React App（CRA）を使ってアプリケーションを生成します。任意の作業用ディレクトリに移動後、下記のコマンドを実行します。 再現性を高めるために、パッケージのバージョンを固定してインストールしています。 npx create-react-app@3.4.1 --template typescript react-appsync-protected-by-auth0 cd react-app... 続きを読む

GraphQLの全体像とWebApp開発のこれから - Qiita

2020/02/24 258 users Qiita GraphQL クライアン DBMS 全体像

Help us understand the problem. What is going on with this article? TL;DR GraphQLはクライアント側とサーバー側の双方の複雑化を解決するために利用されてる フロントエンドにとってGraphQLはHTTP上で動く単一のDBMSの様に振る舞う フロントエンドの状態管理のベストプラクティスとしてのApollo Client クライアン... 続きを読む

Apollo platformのチュートリアルをやった - $shibayu36->blog;

2019/10/26 32 users チュートリアル $shibayu36 React Blog

Hatena-Textbook 2018学習日記(5) - GraphQL編 - $shibayu36->blog;のようにHatena-Textbookを用いて最近のモダンなWebアプリケーション開発の学習をしているのだけど、TypeScript + GraphQL + Apollo Client + Reactの部分でそれぞれの技術の基本知識を理解できていなかったので、エラーが起きたときに何から直したらよ... 続きを読む

GraphQLのクエリについて学んだ - $shibayu36->blog;

2019/10/23 24 users GraphQL Query クエリ Introduction

Apollo Clientについて学ぼうと思い、0. Introduction - Apollo Basics - Apollo GraphQL Docsをやっていた。しかし、これをやる中でGraphQLのクエリ言語についてあまり分かってないことに気づいたので、Queries and Mutations | GraphQLを見て、クエリについて学習した。 Fragment、queryの命名、変数を使ってRDBのプレ... 続きを読む

Nuxt.js＋Apollo ClientでCRUD操作 / ユーザー管理画面でQuery, Mutation, Subscriptionを実装 | Takumon Blog

2019/02/11 44 users Subscription Query mutation 動作

なにこれ 以前の記事設定いらずのNode製GraphQLサーバー「Graphpack」の使い方でGrapQLのサーバー側を実装を紹介しました。 Graphpackは備え付けのGraphQL Playground IDEで動作確認できますが、せっかくなので今回はクライアント側も作成してみました。 本記事ではNuxt.jsとApollo Clientを使って簡単なユーザー管理画... 続きを読む

Node.js学園祭で "GraphQL + Apoll により変化するアプリケーション設計" という話をしてきました

2018/11/28 13 users React GraphQL プレゼン アプリケーション設計

11月23日に行われた "東京Node学園祭2018" にて、React + Apollo Client (GraphQL) により変化するアプリケーション設計" というトークをしてきました。 スライド読み上げるようなプレゼンをなるべくしたくなかったこともあり、結果スライドだけではよくわからない気がします。雑にフォローアップと、何が言いたかったの... 続きを読む

react-apollo と next.js を使った最速 GraphQLアプリケーション(+モックサーバー)実装

2018/06/14 41 users mizchi-sandbox Git Qiita 実装 参照

react-apollo を試しながらガチャガチャやっていると、モックサーバーなどを含め、なかなか体験が良かったので、紹介します。 こっちも参照 世のフロントエンドエンジニアにApollo Clientを布教したい - Qiita 今回書くコードの動いてる例は https://github.com/mizchi-sandbox/graphql-playground を参考にしてください。 git ... 続きを読む

世のフロントエンドエンジニアにApollo Clientを布教したい

2018/06/04 326 users フロントエンドエンジニア GraphQL 実装 既存 設計

こんにちは。いかがコーディングお過ごしでしょうか。 私は今更ながら最近GraphQLで遊び出し、そしてApollo Clientに出会いました。 ワクワクしました。「これは想像以上に既存のフロントエンドの設計・実装を変えるものだぞ！」と感じました。 「Apollo ClientってGraphQLクライアントでしょ？GraphQLエンドポイントない俺には関係ないな。」と思ったそこのあなた、それだけじ... 続きを読む