0Pricing
TypeScript Academy · Pelajaran

Validasi Runtime dengan Zod

Validasi dan simpulkan tipe respons API dengan skema Zod.

Validasi Runtime dengan Zod adalah pelajaran TypeScript Academy gratis di CoddyKit. Ini adalah pelajaran 2 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar TypeScript Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus TypeScript Academy mencakup 4 pelajaran total.

Selamat datang

Zod adalah pustaka validasi skema yang mengutamakan TypeScript. Pustaka ini menyimpulkan tipe dari skema, sehingga menyediakan validasi saat runtime sekaligus tipe saat kompilasi.

Memasang Zod

Pasang Zod di proyek Anda.
npm install zod

Skema Dasar

Tentukan skema dan simpulkan tipe TypeScript-nya.
import { z } from 'zod';
const UserSchema = z.object({
  id: z.number(),
  name: z.string(),
  email: z.string().email(),
});
type User = z.infer<typeof UserSchema>;

Mengurai Data

Gunakan schema.parse() untuk memvalidasi. Metode ini melempar kesalahan saat gagal.
const user = UserSchema.parse({ id: 1, name: 'Alice', email: 'a@b.com' });
// user is typed as User

Penguraian Aman

Gunakan safeParse() agar kesalahan dikembalikan sebagai nilai, bukan dilempar.
const result = UserSchema.safeParse(unknownData);
if (result.success) {
  console.log(result.data); // User
} else {
  console.log(result.error.issues);
}

Skema Array dan Objek

Susun skema kompleks dengan z.array dan z.object.
const UsersSchema = z.array(UserSchema);
const CreateUserSchema = UserSchema.omit({ id: true });

Opsional dan Dapat Bernilai Null

Tandai bidang sebagai optional atau nullable.
const Schema = z.object({
  name: z.string(),
  bio: z.string().optional(),   // string | undefined
  avatar: z.string().nullable(), // string | null
});

Enum dan Gabungan

Validasi nilai enumerasi dan tipe gabungan.
const StatusSchema = z.enum(['active', 'inactive', 'banned']);
const InputSchema = z.string().or(z.number());

Transformasi

Transformasikan nilai yang telah diurai.
const PriceSchema = z.string().transform(s => parseFloat(s));

Zod dalam Rute API

Validasi isi permintaan dalam rute API Express/Next.js.
app.post('/users', async (req, res) => {
  const result = CreateUserSchema.safeParse(req.body);
  if (!result.success) return res.status(400).json(result.error);
  const user = await db.create(result.data); // typed!
  res.json(user);
});

Validator Kustom

Tambahkan penyempurnaan kustom ke skema.
const PasswordSchema = z.string().min(8).refine(
  s => /[A-Z]/.test(s), { message: 'Need uppercase' }
);

Pemeriksaan Cepat

Metode apa yang disediakan Zod untuk memvalidasi data tanpa melempar kesalahan saat gagal?

Ringkasan

Validasi Saat Runtime dengan Zod: Anda telah menguasai konsep dan pola utama.

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Validasi Runtime dengan Zod” gratis?

Ya — teks lengkap “Validasi Runtime dengan Zod” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus TypeScript Academy, upgrade ke CoddyKit PRO. Kursus TypeScript Academy mencakup 4 pelajaran total.

Apa yang akan aku pelajari di “Validasi Runtime dengan Zod”?

Validasi dan simpulkan tipe respons API dengan skema Zod. Kamu berlatih TypeScript Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai TypeScript Academy?

Tidak diperlukan pengalaman sebelumnya. TypeScript Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 2 dari 4.

Berapa lama pelajaran “Validasi Runtime dengan Zod” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran TypeScript Academy ini?

Ya. Setiap pelajaran TypeScript Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

  1. Menentukan Tipe Respons Fetch dengan Pembungkus Generik
  2. Validasi Runtime dengan Zod
  3. Pembuatan Kode OpenAPI: Tipe yang Dibuat Otomatis
  4. Ikhtisar Klien tRPC yang Aman Secara Tipe
← Kembali ke TypeScript Academy