はじめに みなさん、こんにちは torihaziです 今日はタイトル通りのことをやっていきます。 そもそも react-hook-formとuseRefを組み合わせて使いたいなんていう需要はどういう時にあるかというと 直近だと、inputがtype=file でclassNameがhiddenの時にbutt…

はじめに 現在、個人開発projectでEditorを使っています。 そのEditorはreact-simplemde-editorを使っているのですが、 初期値だけのdefaultだとしょぼいというか味気ないので 魔改造(笑)してます。私なりに頑張ったので魔です で、それをする上で色々詰まっ…

はじめに みなさんこんにちは torihaziです 現在、RailsとNext.jsでXクローン作成中なのですが 投稿の部分でめちゃめちゃ詰まりました。 投稿自体はできたのですがzodと組み合わせたvalidationがうまくいかなくて。 そこでReact-hook-formがサブスクライブし…

はじめに いよいよ終盤です。 今回はフォームを追加できるようなフォームを作成していきます。 例えば追加ってボタンを押したらフォームが追加されるみたいな。 まずは名前とメールアドレス入力できたらいいでしょう。 理想はこんな感じ。 https://dev.class…

はじめに part2続きです。 githubです。 GitHub - torihazi/next_form 次はinputの下にエラーメッセージ表示させてみることにします。 あとはpasswordを追加して、バリデーションに正規表現使ってみます。 続き まずはパスワード追加します。 要件としては 8…

はじめに みなさん、こんにちは torihaziです 今日はNextjs と RHF(react-hook-form)とZodを使って フォームと入力成功したら簡単なページを表示するような小規模アプリを 練習がてら作っていこうと思います 環境構築はDocker使って、デプロイはvercelとか使…