サインアップフォームを作ってみました〜パスワード強度チェック機能を添えて〜
こんにちわ。nap5です。
サインアップフォームを作ってみましたので、紹介したいと思います。
パスワード強度チェック機能は以下のライブラリで対応してみました。
useState管理の変数をコンポーネントに切り出して再描画の影響範囲をなるたけ少なくし、かつアニメーションなどの機能維持を実現するためにzustandを使用しています。コンポーネント間で情報を共有する用途です。
デモサイトです。
デモコードです。
TypeformのようなUIは作ってみたいので、隙きを見てチャレンジしたいと思います。その元ネタとして今回書き残してみました。
簡単ですが、以上です。
この記事が気に入ったらサポートをしてみませんか?