React Hook FormをやめてuseReducerを使用した話

はじめに HERP Careersの開発をしている松山です。 今回は応募フォームの実装で、React Hook FormからuseReducerに移行した話をしてみたいと思います。 フォームライブラリの選定って結構悩みどころだと思うのですが、今回の事例が参考になれば嬉しいです。 フォームライブラリの技術選定 検討対象として考えていたのは以下の2つでした。 React Hook Form useReducer（Reactの標準機能） Formikという選択肢もあったのですが、React Hook Formと使い方が似ていることと、困った時に記事が多い方が助かるので今回はFormikは選ばずにライブラリを使うならReact Hook Form、そうでないならuseReducerを検討対象にしました。 技術選定の背景と理由 プロジェクトの概要 実装するフォームの概要はこんな感じでした。 採用の応

[atico]

zodもなくしてreducer内でチェックした方が見通しがいいしテストも書きやすくていい。バリデーション自体は値をセットするアクションの度に行って、onBlurではそのエラーを取得してエラー表示用のローカルのstateにセット。

[uehaj]

React Hook Formはあんまり良くない場合があるらしい