Limited Period Offer : 20% Discount on online/offline courses, for more details call/whatsapp

Establishing Validation by Converting TypeScript Code to Zod Schemas

0 min read
2 years ago By Mitali Gupta
Establishing Validation by Converting TypeScript Code to Zod Schemas

Data validation plays a crucial role in software development to ensure data integrity and prevent errors. In this article, we will explore the process of converting TypeScript code to Zod schemas to establish effective data validation. By leveraging Zod's powerful validation capabilities.

  • Install Zod:
  npm install zod

or

  yarn add zod
  • .Import zod :
import { z } from 'zod';
  • Convert TypeScript Types to Zod Schemas:
import * as z from 'zod';

type Status = 'active' | 'inactive';

const statusSchema = z.union([z.literal('active'), z.literal('inactive')]);
//  Typescript type
interface User {
  name: string;
  age: number;
  status: Status;
  email?: string;
}

// Zod Schema
const userSchema = z.object({
  name: z.string(),
  age: z.number(),
  status: statusSchema,
  email: z.string().optional(),
});

  • Define Validation Rules:
import * as z from 'zod';

const statusSchema = z.union([z.literal('active'), z.literal('inactive')]);

const userSchema = z.object({
  name: z.string(),
  age: z.number(),
  status: statusSchema,
  email: z.string().optional(),
});
  • Validate data :
const userData = {
  name: 'Mohan',
  age: 25,
  status: 'active',
  email: 'mohan@example.com',
};

try {
  const validatedData = userSchema.parse(userData);
  console.log(validatedData); // Validated data
} catch (error) {
  if (error instanceof z.ZodError) {
    console.error(error.errors); // Validation errors
  } else {
    console.error('An error occurred during validation.');
  }
}


Jun 21, 2023 12:00 Back to Articles

Other Articles

Mastering the Fundamentals: Basic HTML Tags for Web Development Mastering the Fundamentals: Basic HTML Tags for Web Development

In this article, we'll explore the Basic HTML elements that form the foundation of every web page.

2 years ago By Mitali Gupta
HashMaps

Hashing is a technique or process of mapping keys, and values into the hash table by using a hash function. It is done for faster access to elements.

2 years ago By Aniket Prajapati
Livewire contenteditable to variable using entagle

using livewire apline js to update variable in livewire component

2 years ago By Santosh Kshirsagar
Web Development as a career !! Web Development as a career !!

Web development offers a fulfilling career designing, developing, and maintaining websites and applications, combining creativity and technical skills in the digital realm.

2 years ago By Mitali Gupta