イベントの目的

Reactでフォームを実装する際に役立つライブラリは、react-hook-formがデファクトスタンダードの地位を確保したかのように見えましたが、実際は数個の有力なライブラリがひしめく戦国時代となっています。

• react-hook-form
• react-final-form
• houseform
• tanstack form
• 他にもあるかも？

本イベントでは、実際にこれらのライブラリを使って簡単なフォームを実装するなどのもくもく会を実施し、意見交換の時間も設けることで、互いの優位性や特徴などについて理解を深めることを目的としています。

もくもく会の概要

基本的に自由時間として、お好きな方法でそれぞれのフォームに対する解像度を高めていただければと思うのですが、一例として以下のようなもくもく会を考えています。

• 空っぽのNext.jsプロジェクトを作成
• 有力なライブラリを一通りインストール
• 各ライブラリで同じフォームを実装する
• MUIやRadixUIなど外部UIライブラリをフォーム部品として採用し、コンポーネントを状態管理下に置く方法を比較
• どのフォームライブラリを選定しているかを、利用側から隠蔽するようなラッパーは実装できるのか検証

タイムスケジュール

• 19:30~19:45 (15分)
  • 自己紹介
  • 各自やることの宣言
• 19:45~20:30 (1時間45分)
  • もくもくタイム（自由に相談もOK！）
• 21:30~22:00 (30分)
  • 今日やった内容や発見した知見を発表
  • フリータイム
• 22:00
  • 解散

対象

• Reactのフォームライブラリを色々触ってみたい方、課題感を持っている方
• 実際に手を動かせる方（話を聞きたいだけという方の募集はしておりません）

備考

• 差し支えなければ後日イベント開催レポートを記事化したいため、イベント中のお写真の撮影や、もくもくしたコードのGitHubでの公開・共有にご協力頂けますと幸いです