[B! react][JSON][error] slay-tのブックマーク

slay-t id:slay-t

reactとJSONとerrorに関するslay-tのブックマーク (2)

SWRを使おうぜという話2022
はじめに 2021年1月に以下のような記事を書きました。内容はVercel社のオープンソースプロジェクトの一つであるデータフェッチライブラリであるSWRの紹介で、記事内に間違いなどもあったにも関わらずたくさんの反響を頂きました。 2022年半ばとなった今でも「いいね」を頂いております。しかし、内容は2021年当時のものであり、ライブラリの仕様が少し変更となっておりますので、現在のSWRの仕様に合わせて新しく記事を書くことに致しました。当記事の内容は「SWRを使おうぜという話」のシナリオに沿っての再掲と致します。最後までどうぞお付き合いください。 SWRとはなにか SWRは、クライアントJavaScriptからのデータ取得とそれに関連する操作を提供するReact Hooks群です。通常、Reactを使用してAPIサーバーからのデータ取得を非同期で行う場合、useEffectとfet
slay-t 2022/09/07
cache

error

const

JSON

react
リンク
SWR vs React Query - fsubal
#フロントエンド（※ この記事は API およびそこから導かれる設計のしやすさ観点での比較をしています。実際にキャッシュが有効に効いたか、などについてはまた別の機会に）動機 SPA の状態管理に必ずしも Redux いらないんじゃね問題 Redux が嬉しいのってクライアントサイドでモリモリ状態が変わる画面だけじゃん、みたいなアレ検索結果の一覧みたいなページに Redux を使うの意味なかった本当に必要なとこだけ使うようにしたいほとんどのケースで欲しいのって React 向けの API クエリキャッシュこれまでは Redux の Store を単なるキャッシュとして使ってたが、違うよね候補 ↑ みたいな話でよく上がるオルタナティブとして SWR と React Query があるこれら 2 つを比較する。 TL;DR SWR の方が王道感を感じるけど、思ったより #rea
slay-t 2020/10/05
error

react

data

url

const

code

JSON

TypeScript

api

id
リンク
1