2022年6月12日のブックマーク (2件)

  • GraphQL Code Generator + React Queryの紹介 | HiCustomer Lab - HiCustomer Developer's Blog

    こんにちは、エンジニアの尾島(@daikiojm)です。 最近は HiCustomer のオフィスがある五反田周辺の飲店の入れ替わりが激しく、開店/閉店に一喜一憂しております。 五反田、目黒周辺でおすすめのお店があったら教えてください。 React + Vite で新規プロダクトを開発している話で紹介した新プロダクトの開発では、GraphQL を採用しています。 今回はこの記事では紹介しきれなかった GraphQL Code Generator と React Query の活用について紹介します。 この記事で紹介する内容は次のとおりです。 GraphQL Code Generator + React Query の組み合わせを採用した理由 GraphQL Code Generator を使った型/React Query のクライントコード生成 Custom Hooks の実装例 Gra

    GraphQL Code Generator + React Queryの紹介 | HiCustomer Lab - HiCustomer Developer's Blog
    carolina04
    carolina04 2022/06/12
    「一部の機能において REST API を使用する可能性があること」については、React Query や SWR などのライブラリであれば fetcher を入れ替えることで GraphQL 以外のデータソースにも対応できることができるため、この点において Ap
  • React Query を使っていて気になった SWR とのいくつかの違い | DevelopersIO

    MAD 事業部の高橋ゆうきです。 REST API である場合、プライベートでは SWR を使うことが多いのですが、昨年から案件では React Query を使っているのでいくつかの違いを感じることがありました。ここでは React Query のドキュメントにある表 から気になった違いをいくつかピックアップしてみます。 比較 Query Key Change Detection React Query - Deep Compare (Stable Serialization) SWR - Shallow Compare Deep Compare (Stable Serialization) 2021 年 2 月 20 日現在上記のように記載されていますが、SWR も 1.1.0 以降は ドキュメントにも記載されているように、stable serialization となっています。 Q

    React Query を使っていて気になった SWR とのいくつかの違い | DevelopersIO
    carolina04
    carolina04 2022/06/12
    最近は React Query を使っていて SWR を使うことが減ってきています。仕事で使っているので React Query に慣れてきたこともあるのですが、単純に機能の豊富さで嬉しいことが多いからです