最近仕事でReact Hook Formを使っているのでここにメモを残す React Hook Formとは Reactでフォームを簡潔に書くことができるライブラリ https://react-hook-form.com/ React Hook Formを使うとuseStateを使うよりもレンダー回数を減らせたりバリデーション…

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

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