react-hook-form と zod でバリデーションのその先へ

どうも、 uzimaru です。 最近、react-hook-form と zod を使っていい感じにやっているのでそれについてまとめようと思います。 react-hook-form で zod を使う 公式から利用する方法が提供されています。 https://www.npmjs.com/package/@hookform/resolvers これを useForm の resolver で利用することで zod が使えるようになります。 zod 以外にも Yup, Superstruct, Joi, io-ts などが利用できます import { useForm } from "react-hook-form"; import { zodResolver } from "@hookform/resolvers/zod"; import * as z from "zod"; const

[Lumin]

zodって流行るんかなあ。jsonスキーマの覇権は崩れなさそうでいまいち信用できんのよな

[arx0balest]

yupとか書いてる奴がいるので。yupは止めろ。もうoutdatedだ。型が弱いし、使い込むとthisが出てきて地獄を見る。zod使え。

[Kouchannel55]

確かyupでもできたような記憶