弊社で行なったReact Hook Form勉強会の内容

こんにちは！株式会社 CastingONEの岡本です。 はじめに 弊社のフロントエンドは現在、Nuxt2 から React（Next.js）にリプレイスを進めています。そして、React でのフォーム管理ライブラリにReact Hook Form（以下、RHF）を使用します。 RHF の使い方・特徴を掴むためにcodesandboxを用いながら勉強会を実施しました。今回はその勉強会で行った内容を紹介していきます！ RHF の採用理由 まず初めに RHF を採用した理由と RHF を使用した場合と使用していな場合の動きの違いを codesandbox でみんなで確認しました。 RHF を採用する理由は、レンダリング（再描画）の回数を減らせるからです。 フォームのテキストの入力などの制御にuseStateを使用してしまうと、テキストの状態が更新されるたびにレンダリングしてしまうので、入力内容が