2021年12月2日

slug
2021-12-02
date
Dec 2, 2021
summary
type of interface、リモートワーク、受肉おじさん
status
Published
tags
プログラミング
YouTube
type
Post
Property
 
 
この漫画の評価高いので読んでみよう。
 
火がつく系はちょっと怖いけど、フォルムがすごくかわいいな。
部屋が寒いので、こうゆうのが結構欲しかったりする。
 
 
完全同意だわ。
 
Next.js の API Routes から SWR の型推論を導く
Next.js のファイルシステムを利用した routing は、直感的に定義を追加することができます。一方、モジュールシステム観点からは透過的参照がないため、TypeScript の型推論と相性が悪いです。Next.js における型安全な routing ソリューションとして pathpida がありますが、API Routes には対応していません。 useSWR から API Routes の API を呼ぶシーンで期待に沿うものが見当たらなかったので、今回自作してみました( リポジトリはこちら)本サンプルでは、npm script の postinstallを hook に、 src/types/pages/apiに生成ファイルが出力されるので、あらかじめ npm install を実行してお試しください。 はじめに簡単な API Routes の定義を見ていきます。以下の様に、 req.query で渡された値を返却する API を実装しているとします。 この API を利用する Client 側の Component を見てみましょう。以下の様に、 useSWR関数をラップした useApiData関数があります。この実装だけで data型推論が導かれれば、作業効率が向上しそうですよね? 今回作成したサンプルは、これを実現しています。 エラーが発生した場合の errorにも型推論が行き届き、query
Next.js の API Routes から SWR の型推論を導く
interface ResBody {
  a: "a";
}
interface ResBody {
  b: "b";
}
interface ResBody {
  a: "a";
  b: "b";
}
こうしたのとおなじになるのか。
ここが typeinterface の大きな違いと。
 
沈黙の戦艦をまた観た。
 
 
 
 
 

© Yoshiyuki Hisamatsu 2021 - 2022