公式 - Error Boundary error boundary は自身の子コンポーネントツリーで発生した JavaScript エラーをキャッチし、エラーを記録し、クラッシュしたコンポーネントツリーの代わりにフォールバック用の UI を表示する React コンポーネント クラスコンポーネ…

Suspenseとは、React 18から追加された機能で、Suspenseを使用することで、その配下のツリーにレンダーする準備ができていないコンポーネントがあるときに表示するローディングインジケータを指定できる 例 使用前 import { useQuery } from 'react-query' e…

外部からデータを受け取る場合、アプリが停止することを防ぐためにデータの型をチェックする必要がある typeof演算子やin演算子の他、ユーザー定義型ガードを利用することでチェックできる 例 { "setting1": 1, "setting2": "a" } import * as data from "./…

型アサーションとは、TypeScriptのコンパイラがコードから推論した型を開発者が上書きすること 例 使用前 let value = {} value.name = "logosware" // error TS2339: Property 'name' does not exist on type '{}' 使用後 type User = { name: string } // …