React Hook Formハマりどころとベストプラクティス

初めに React Hook Form（以後、RHF）はとても便利なバリデーションライブラリですが、非制御コンポーネント前提なのでRHFのAPIを通して全ての操作を行うことになります。 そのうえで、自分なりにつまづいたところやわかりづらかったところをまとめました。 個人的に結構このライブラリを扱うのに苦労しているので、皆さんもコメントで自分なりのハマりどころを書いたり、新しく記事にしたりしてネット上に知見が溜まればなと思っています。 ハマりどころ useFormのdefaultValuesは動的に変更しない これしっかりドキュメントに書いてあるんですが、defaultValuesを変更したい場合はresetAPIを使いましょう。 悪い例 このようにAPIからデータが返ってくるまで適当な初期値を渡しちゃうような設計だと、APIからデータが返ってきてもフォームの値が変わらないということがありま

[hachibeechan]

普通に制御コンポーネントでも実用上問題ないパフォーマンスだせるし、これの他にも非直感的な挙動が盛りだくさんのHookFormが流行っている理由まじでわからん

[Rishatang]

ReactHookFormマジで変な挙動多くて、自分が権限ある時は絶対採用しないんだけど、既存プロジェクトに入る時は使われてること多くてよくトラブルの元になるんだよなぁ…