useEffectをやめて、Suspenseを使おう

2023/05/05 132 users useEffect Suspense SWR React 開発

Reactコンポーネントの開発時、データフェッチは欠かせません。 SPAで開発を行う時、あなたも含めてuseEffect()を使ったことがあるはずです。 あなたがSWRやReact Queryの代わりにuseEffect()を使う理由は、いくつかあるのでしょう。 そんな方のために、Reactが提供する<Suspense>を使ってデータフェッチを行う方法を紹... 続きを読む

データフェッチはuseEffectの出番じゃないなら、結局何を使えばいいんだ

2022/07/03 19 users useSyncExternalStore use フック

ショートアンサー React 18 からのフックである、useSyncExternalStore を使えばいいようです。 ※ useEffect がまったくだめだというわけではありません。 ※ クライアントサイドレンダリングのみを考えています。サーバーサイドレンダリングを考慮すると違った答えになるかもしれません。 サンプルコード 次のような use... 続きを読む

ぼくのかんがえたさいきょうのデータフェッチ 2021Summer?‍♂️【Next.js / Hasura】

2021/07/16 17 users Hasura GraphQL クライアント 実装 ボク

フロントエンドアプリケーションの開発を行う上で避けては通れないデータフェッチの実装。 REST APIを使うか、GraphQLを使うか、クライアントでキャッシュするか、APIレスポンスにどのようにして型を付けるか、状態管理はどうするのかなど、開発者の悩みが尽きないけれども、それに関しての設計を考えたり議論を行うのは... 続きを読む

Universal Data Fetch ライブラリ、 Specter の紹介 - from scratch

2019/12/16 8 users Specter BFF backend client OSS

この記事は Recruit Engineers Advent Calendar 2019 の 16日目の記事です。 adventar.org 最近僕が作っている OSS である Specter の話をします。 github.com Specter とは Client から Backend と BFF から Backend への Universal なデータフェッチを提供してくれるためのツールです。以下の特徴を持ちます。 軽量 Ty... 続きを読む

米Netflix、データフェッチのためのJavaScriptライブラリ「Falcor」を公開 | OSDN Magazine

2015/08/25 34 users set GET リモート OSDN Magazine アクセス

米Netflixは、データフェッチのためのJavaScriptライブラリ開発プロジェクト「Falcor」を発表した。ネットワークから効率よくデータを取得してクライアントにキャッシュすることを目指すという。 Falcorはリモートにあるデータを単一の仮想的なJSON Graphとして表現し、そこへのアクセスを提供するミドルウェア。JavaScriptライクなパス・シンタックスを持ち、get/set/... 続きを読む