【React】Formライブラリの話

FE共有会でReactのFormライブラリの話を聞いた

制御コンポーネントvs非制御コンポーネントやreact-hook-formなどは以前調べていたので事前知識があった

uga-box.hatenablog.com

uga-box.hatenablog.com

Formライブラリの進化の方向性としては

• パフォーマンスのための再レンダリング抑止
• グローバルステートからローカルステート
• ステートからref

なので、制御コンポーネントから非制御コンポーネントへ進んでいる模様

そうなると、react-hook-formがいまのところ結論良さそう

他にも

• React Hook Form
• Formik

などがあるがいずれも制御コンポーネントであるため再レンダリングが重かったり多かったりする

他参考

hooks の使い方・props の渡し方で再描画差分を知るチートシート

A Visual Guide to React Rendering - Cheat Sheet | Alex Sidorenko