how_to_choose_form.md

フロントエンドの代謝

ネットワーク方面とデザイナー方面双方から需要がありスタックが変わる。ので、というわけで賞味期限は 4~5年 程度。それぐらい持つやつを書きたい。

対策

• 1画面ごとの独立度を高くする
• できるだけ共通コンポーネントを作らない
• 4~5回同じものを作ったらはじめて共通コンポーネントを作るかどうか議論する

選択肢1: jsonschema

https://github.com/mozilla-services/react-jsonschema-form

json-schema から全部生成する。mozilla 製、6500 スターと実績はある。ただ、この手のものはカスタマイズしようとすると地獄。期待値コントロールする必要がある。

選択肢2: useFormState によるシンプル版

https://github.com/wsmd/react-use-form-state

最近 react 界隈で良さそうだねと言われてるもの。ただ 380スターと実績は微妙

簡単なフォームなら十分だが…

選択肢3: formik

https://github.com/jaredpalmer/formik

がっつり系。ユーザーは多いが難しい

選択肢4: iframe

Symphony Form などで生成した フォームを iframe で埋め込む。

コンポーネント性は守れるが、レイアウトを消したり色々した専用のビューをサーバーサイドで用意するのが面倒

結論

何やっても辛い。 一番マシな地獄をケースバイケースで選ぶ。