はるさめ.dev

記事一覧 (タグ: React の 1 ページ目)

React Dev Tools で Suspense 状態の切り替え

背景Nextjs でスケルトンスクリーンコンポーネント開発をするために Suspense の状態を切り替えようとしていました。解決方法React Dev Tools を使うと Suspense 状態を自由に切り替えができます。Dev Too
ago

SWR を使用したコンポーネントのテストで msw を使うとテストが失敗する

背景testing library で SWR を使用するコンポーネントのテストを作成していました。ネットワークリクエストのレスポンスによって表示が変わることをテストするために、レスポンスごとのテストを作成し、msw の server.us

コマンド一発で Electron x React x Vite x TypeScript プロジェクトを作成する

プロジェクトのスキャフォルドcreate-electron を使うとコマンド一発で簡単にプロジェクトをスキャフォルドできます。FeatureUse ESLint + Prettier to better lint and style you

React Hook Form と Testing-Library を使ったときの act ワーニングを解決する

背景React Hook Form を使ったコンポーネントをレンダリングしてある要素にチェックが入っているか確認するだけのテストで、テスト自体は通過するものの以下のようなワーニングが表示されていたWarning: An update to