記事一覧 (タグ: React の 1 ページ目)
React Dev Tools で Suspense 状態の切り替え
背景Nextjs でスケルトンスクリーンコンポーネント開発をするために Suspense の状態を切り替えようとしていました。解決方法React Dev Tools を使うと Suspense 状態を自由に切り替えができます。Dev Too
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