Yup

3ステップで試す

1. 1

   Yup 1.7.1を一時projectへ導入する

   reviewed package versionを固定し、他のproject設定に影響しない一時directoryへ導入します。

   demo=$(mktemp -d "${TMPDIR:-/tmp}/yup.XXXXXX") && cd "$demo" && npm init -y >/dev/null && npm install --save-exact yup@1.7.1コピー
2. 2

   変換と検証を行うschemaを作る

   READMEのschema構成に沿い、文字列のageをnumberへ変換しながらrequired・positive・integerを検証します。

   printf "%s\n" "import {object, string, number} from 'yup';" "const UserSchema = object({name: string().required(), age: number().required().positive().integer()});" "const user = UserSchema.validateSync({name: 'Ada', age: '37'});" "console.log(user);" > demo.mjsコピー
3. 3

   Node.jsでschemaを実行する

   runtimeでvalidationとtransformが実行され、検証済みvalueが返ることを確認します。

   node demo.mjsコピー

Built with

• TypeScript

カテゴリとタグ

GitHubデータ

このOSSの使い方や活用事例をMarkdownで投稿できます。管理者が承認した後に公開されます。

あわせて探訪

• Expo52,566 Stars

  共通タグ 3件 · 共通カテゴリ 1件 · 同じ言語

  React NativeアプリをAndroid・iOS・Webへ一つのprojectから展開する

  TypeScript
• PostCSS28,974 Stars

  共通タグ 3件 · 共通カテゴリ 1件 · 同じ言語

  CSSをASTへ変換し、JavaScript pluginでbuild時のstyle処理を組み立てる

  TypeScript
• Type-fest17,433 Stars

  共通タグ 3件 · 共通カテゴリ 1件 · 同じ言語

  標準Utility Typeでは足りない型変換を再利用できるTypeScript型ライブラリ

  TypeScript
• typescript-eslint16,408 Stars

  共通タグ 3件 · 共通カテゴリ 1件 · 同じ言語

  ESLintの推奨ルールとTypeScript解析をFlat Configへまとめて導入する

  TypeScript
• Faker15,509 Stars

  共通タグ 3件 · 共通カテゴリ 1件 · 同じ言語

  テストや開発向けに人物・住所・商品など現実らしいダミーデータを大量生成する

  TypeScript
• Linaria12,350 Stars

  共通タグ 3件 · 共通カテゴリ 1件 · 同じ言語

  CSS-in-JSのauthoring experienceを保ちつつ、styleをbuild時にstatic CSSへextractする

  TypeScript