Hatena Blog Tags
はてなブログ トップ
Apollo Client
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

Apollo Client

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
エス・エム・エス エンジニア テックブログ•2年前

Apollo Client/GraphQLで意図しないキャッシュが効いてしまう問題の解決策

はじめに カイポケリニューアルのフロントエンドエンジニアの原野です。2023年10月より入社し、前職ではiOS/Webのエンジニアをしていました。 カイポケリニューアルプロジェクトでは、データ取得にGraphQLを採用しており、クライアントのライブラリとしてApollo Clientを使用しています。 GraphQLは、データの要求と取得をより効率的に行うことができる技術です。しかし、その機能を直接fetchメソッドで扱う場合、複雑な状態管理やキャッシュ戦略を自前で実装する必要があります。 ここでApollo Clientの出番です。 Apollo Clientは、これらの課題を解決するための…

#Apollo Client#GraphQL#cache

ネットで話題

もっと見る
335ブックマーク世のフロントエンドエンジニアにApollo Clientを布教したい - Qiitaqiita.com
255ブックマークあなたのプロダクトに Apollo Client は必要ないかもしれない - 一休.com Developers Bloguser-first.ikyu.co.jp
52ブックマークAuth0で保護されたAWS AppSync(GraphQL)をReactからApollo Clientで利用する方法をチュートリアルとしてまとめた | DevelopersIOdev.classmethod.jp
44ブックマークNuxt.js＋Apollo ClientでCRUD操作 / ユーザー管理画面でQuery, Mutation, Subscriptionを実装 | Takumon Blogtakumon.com
44ブックマークApollo Server と Apollo Client を写経しながら GraphQL を学べる「初めての GraphQL」を読んだ - kakakakakku blogkakakakakku.hatenablog.com
37ブックマーク【レビュー】Adobe Apolloの可能性を探る - 「Twitter Client」を使ってみる (1) Apolloアプリケーション「Twitter Client」の紹介 | ネット | マイコミジャーナル米Adobe Systemsが開発したAdobe Apolloは先月α版が公開されたばかりだが、リッチなUIを持つクライアントアプリケーションを手軽に作成できる新技術として、すでに大きな注目を集めている。 開発者にとっては非常に楽しいオモチャを与えられたようなもの。早速それを利用したアプリケーションが多数登場している。 そう...journal.mycom.co.jp
36ブックマークGetting Started With Apollo Client in Next.js - Apollo GraphQL Blogwww.apollographql.com
31ブックマークApollo Client と SSR の罠 その1 - パフォーマンス改善編 | Wantedly Engineer Blogwww.wantedly.com
23ブックマークTypeScript + Apollo ClientでGraphQLのデータに型を付ける - $shibayu36->blog;blog.shibayu36.org

関連ブログ

lelelemon’s blog•2年前

【React】簡易的なWebチャットアプリを作成

チャットアプリのようなものを作ってみたいと思い、React で簡易的なWebチャットアプリを作成してみました。 ソースコードの全量は以下です。 作成したアプリ 動画キャプチャ↓ システム構成 以下の機能を持つアプリを作成しました。 ホーム画面 メッセージの送信元と送信先のユーザーをそれぞれ選択 「チャットルームへ」のリンクをクリックすることでチャットルーム画面に遷移する チャットルーム画面 画面を２分割し、ホーム画面で選択した送信元と送信先のユーザーそれぞれのメッセージエリアを表示 それぞれのユーザーはメッセージの送信が可能 送信したメッセージは自身のメッセージエリアに追記されていく 主な使用…

#react#golang#GraphQL#Apollo Client
バイセル Tech Blog•3年前

apollo-link-scalars を使ってApollo ClientでCustom Scalarをいい感じに扱う

こんにちは、開発２部の早瀬です。 自分のチームではGraphQLを採用しており、クライアントライブラリにApollo Clientを使用しています。その中でスキーマの一部でCustom Scalarを使用しているのですが、Apollo ClientでCustom Scalarを扱うために少し工夫が必要だったので、今回はその方法を紹介します！ 背景 apollo-link-scalarsとは 実装方法 注意事項 注意事項を踏まえた上での採用理由 まとめ

#GraphQL#Apollo Client
バイセル Tech Blog•3年前

Apollo Linkによる多重サブミットの保険的対策

はじめに こんにちは！ テクノロジー戦略本部 開発二部の金子です。 自分が担当するプロジェクトでは、Apollo Client を利用した GraphQL の実装を行なっています。 APIの繋ぎ込みを行う際、多重サブミットの防止をBEのみならずFEでも保険的に行いたいということがありました。 そこで、間引き処理を一律で行う Apollo Link を作成したので紹介します。 はじめに 対象読者 従来手法 従来手法の課題 1. キーをリクエスト毎に設定しなければならない 2. キーを適切に発行しなければならない 3. 遅延が一律でかかってしまう 提案手法 実装の説明 使用方法の説明 比較 まとめ…

#GraphQL#Apollo Client
207 Tech Blog•3年前

Apollo ClientでComputed fieldsを使う！Local-only fieldsの活用術

この記事は 207 Advent Calendar 2022の記事です。 qiita.com 207株式会社でソフトウェアエンジニアをしている id:ryo-rm です。 207ではiOS / Android向けのアプリケーション "TODOCUサポーター" を提供しており、GraphQL / Apollo Clientを活用しています。 Apollo Clientにはスマートなキャッシュ管理機構がありますが、 "TODOCUサポーター" では Local-only fields を活用しているので、こちらについて紹介します。

#アドベントカレンダー#Webフロントエンド#React Native#Apollo Client#GraphQL
メンチカツ•5年前

【メモ】graphql-codegenの「AggregateError: GraphQL Document Validation failed」を解決する

タイトルの通りなんだけど graphql-codegen のValidationエラーの原因がいつもよくわからない $ yarn graphql-codegen ... ❯ Generate outputs ❯ Generate /hoge/fuga/frontend/src/pages/User/graphql.ts ✔ Load GraphQL schemas ✔ Load GraphQL documents ✖ Generate → GraphQL Document Validation failed with 1 errors Found 1 error ✖ /hoge/fuga/fr…

#GraphQL#graphql-codegen#Apollo Client
stmn tech blog•5年前

Reactive variables【Apollo Client】による local state 管理

はじめに はじめまして、株式会社スタメンのミツモトです。 普段は、REST API をベースに React + Redux で開発しています。 最近になり開発者体験の向上、プロジェクトのスピードアップという観点から、社内でスキーマファーストな開発に関心が集まっています。そういった背景もあり弊社でも GraphQL の勉強会を始めました。今後のプロジェクトにおいて GraphQL を導入する可能性があるため皆で学んでいます。 React ✕ GraphQL という技術を採用する場合、client 側の状態管理ライブラリとして Apollo Client が挙げられます。 API のレスポンスを正…

#react#GraphQL#Apollo Client
アルゴリズムとかオーダーとか•5年前

Apollo Client(React)のGetting Startedを動かすまで

つい最近、社内ハッカソンでGraphQLのライブラリである、ApolloのApollo Client(React版)を触ってみた。その時に、公式のGetting Startedを動かすのに少し手間取ったので、ここに手順をまとめておく。 最後に、GraphQLを触ってみたときの所感を簡単にまとめる。公式のGetting Startedの記事は以下を参照。 www.apollographql.com 環境 1. Reactのインストール 2. graphqlとApollo Clientのインストール 3. コンソール上で実行するClientの作成 4. Apollo ClientをReact Ap…

#GraphQL#Apollo Client#Node.js