フォームのバリデーションに役立つYupとは？ React向けライブラリを解説

現場で役立つ！ React向けライブラリ詳説第2回

WINGSプロジェクト中川幸哉[著] / 山田祥寛[監修]

2021/02/12 11:00

　前回に続いて、ブラウザアプリケーションの基本にして王道であるフォームを題材にします。今回は入力値のバリデーションを担当するライブラリとして、Yupについて解説します。入力欄1つひとつにバリデーションルールを定義する作業は、通常であれば面倒なものですが、Yupを使うとスッキリと定義できます。

目次
Page1 対象読者前提環境バリデーションを宣言的に記述する Yup 任意のエラーメッセージを扱う
Page2 7つのデータ型 mixed：共通データ型 string：文字列型 number：数値型 boolean：真偽値型 date：日付型 array：配列型 object：オブジェクト型
Page3 Formikと組み合わせるまとめ

※印刷用ページ表示機能はメンバーのみが利用可能です（登録無料）。

あなたにオススメ

WINGSプロジェクト中川幸哉（ナカガワユキヤ）

＜WINGSプロジェクトについて＞有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ（代表山田祥寛）。主にWeb開発分野の書籍／記事執筆、翻訳、講演等を幅広く手がける。2018年11月時点での登録メンバは55名で、現在も執筆メンバを募集中。興味のある方は、どしどし応募頂...
山田祥寛（ヤマダヨシヒロ）

静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for ASP/ASP.NET。執筆コミュニティ「WINGSプロジェクト」代表。主な著書に「入門シリーズ（サーバサイドAjax／XM...

連載:現場で役立つ！ React向けライブラリ詳説