PricingLoginStart free
TypeScript Academy · Leçon

Validation à l’exécution avec zod (introduction)

Validez les réponses JSON à l’exécution avec des schémas zod afin de garantir leur fiabilité au-delà des types vérifiés à la compilation.

Leçon 2 sur 28 étapes

Validation à l’exécution avec zod (introduction) est une leçon TypeScript Academy gratuite sur CoddyKit. Ceci est la leçon 2 sur 2. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage TypeScript Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours TypeScript Academy comprend 2 leçons au total.

Introduction

Objectif : ajoutez une sûreté à l’exécution avec zod. Les types vérifiés à la compilation ne suffisent pas : les schémas valident les données réelles.

Installer zod

Installez zod, une bibliothèque populaire de validation de schémas à l’exécution pour TS/JS.

npm install zod

Définition de schéma

Créez des schémas avec z.object(). Utilisez z.infer<typeof Schema> pour générer des types TS à partir des schémas.

import { z } from "zod";

const UserSchema = z.object({
  id: z.number(),
  name: z.string()
});

type User = z.infer<typeof UserSchema>;

Schema.parse()

Appelez Schema.parse() pour valider les données. Une erreur est déclenchée si le JSON ne correspond pas au schéma.

async function getUser() {
  const res = await fetch("/user.json");
  const raw = await res.json();
  const parsed = UserSchema.parse(raw);
  console.log(parsed.id, parsed.name);
}

safeParse

safeParse renvoie un objet contenant les champs success et error. C’est plus sûr que de lever des exceptions.

const result = UserSchema.safeParse(raw);
if (!result.success) {
  console.error(result.error);
} else {
  console.log(result.data);
}

Schéma imbriqué

Les schémas peuvent être imbriqués : tableaux, objets, champs optionnels, etc.

const PostSchema = z.object({
  id: z.number(),
  title: z.string(),
  tags: z.array(z.string())
});

const raw = { id: 1, title: "Hello", tags: ["ts", "zod"] };
const post = PostSchema.parse(raw);

Vérification de la validation

Vérification rapide : pourquoi utiliser la validation zod après avoir analysé du JSON ?

Réponds-y dans la leçon interactive

Récapitulatif

Récapitulatif : les schémas zod valident le JSON à l’exécution. Utilisez parse ou safeParse pour garantir la sûreté.

Gratuit pour commencer

Apprends TypeScript avec un tuteur IA — gratuit

Écris et exécute du vrai code dans ton navigateur, obtiens de l'aide instantanée d'un tuteur IA disponible 24h/24, et reprends là où tu t'es arrêté sur le web ou dans l'app.

Cours
101
Leçons
352
Commencer gratuitementVoir le cours complet

Questions Fréquemment Posées

La leçon « Validation à l’exécution avec zod (introduction) » est-elle gratuite ?

Oui — le texte complet de « Validation à l’exécution avec zod (introduction) » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours TypeScript Academy, passe à CoddyKit PRO. Le cours TypeScript Academy comprend 2 leçons au total.

Qu'est-ce que j'apprendrai dans « Validation à l’exécution avec zod (introduction) » ?

Validez les réponses JSON à l’exécution avec des schémas zod afin de garantir leur fiabilité au-delà des types vérifiés à la compilation. Tu pratiques TypeScript Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.

Dois-je avoir de l'expérience pour commencer TypeScript Academy ?

Aucune expérience préalable n'est requise. TypeScript Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 2 sur 2.

Combien de temps prend la leçon « Validation à l’exécution avec zod (introduction) » ?

La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.

Peux-tu écrire et exécuter du code dans cette leçon TypeScript Academy ?

Oui. Chaque leçon TypeScript Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.

Toutes les leçons de ce cours

  1. Types de l’API Fetch ; génériques de Response.json()
  2. Validation à l’exécution avec zod (introduction)
← Retour à TypeScript Academy