エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Remix + Conform + shadcn/ui で確認付きフォームを作成する
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Remix + Conform + shadcn/ui で確認付きフォームを作成する
これはなに? たまに、こういう確認ダイアログ付きのフォームを作るとき、ありますよね。 こういうとき... これはなに? たまに、こういう確認ダイアログ付きのフォームを作るとき、ありますよね。 こういうときに Remix + Conform でどうやって作るときれいに書けるのか、というのを試行錯誤したのでその記録です。確認ダイアログのUIコンポーネントは shadcn/ui を使います。 できあがりのデモ 以下で直接触っていただけます。どうぞご自由に! 処理の流れ 今回のポイントです。確認と実行の2フェーズで実行します。 わざわざ確認フェーズを入れてるのは煩雑に思えるとおもいますが、フォーム検証について一部のケースまで含めて完全にしようとすると、そっちのほうが実はシンプルに書けるから、なのです。 この辺の詳細は後述する試行錯誤でのハマりポイントで説明しますので、まずは2フェーズでの実装コードをみてきましょう。 コードの解説 まずは最終的に上記デモの形にたどり着いたあとのコードを解説してきます。