Valibot

3ステップで試す

1. 1

   Valibot 1.5.0を一時projectへ導入する

   公式installation guideのnpm手順に従い、review対象versionを固定して導入します。

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

   objectとpipeでlogin schemaを作る

   READMEの例と同じobject・pipe構成でschemaを作り、例外を投げないsafeParseで入力を検証します。

   printf "%s\n" "import * as v from 'valibot';" "const LoginSchema = v.object({email: v.pipe(v.string(), v.email()), password: v.pipe(v.string(), v.minLength(8))});" "const result = v.safeParse(LoginSchema, {email: 'ada@example.com', password: '12345678'});" "if (!result.success) { console.error(result.issues); process.exit(1); }" "console.log(result.output);" > demo.mjsコピー
3. 3

   Node.jsでvalidationを実行する

   schemaが有効な入力を受け取り、safeParseのoutputを返すことを確認します。

   node demo.mjsコピー

Built with

• TypeScript

カテゴリとタグ

GitHubデータ

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

あわせて探訪

• Runtypes2,699 Stars

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

  未知の値をcomposableなruntime validatorで検証し、同じ定義からTypeScript型を推論する

  TypeScript
• Ky17,104 Stars

  共通タグ 4件 · 同じ言語

  Fetch APIを薄く拡張し、retry・timeout・hook・JSON処理を短いAPIで扱う

  TypeScript
• ofetch5,360 Stars

  共通タグ 4件 · 同じ言語

  Node・browser・workerで同じAPIを使い、fetchへJSON解析・retry・timeout・interceptorを加える

  TypeScript
• Storybook91,200 Stars

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

  UI状態をstoryとして保存し、Docs・interaction test・AI toolへ再利用するfrontend workshop

  TypeScript
• Expo52,566 Stars

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

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

  TypeScript
• PostCSS28,974 Stars

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

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

  TypeScript