Articles by Tag #zod
Browse our collection of articles on various topics related to IT technologies. Dive in and explore something new!
How to Validate File Inputs in TypeScript with Zod
Form validation is an essential aspect of web development. It plays a crucial role in maintaining an...
⚡ Optimizing Angular Signals with Smart Equality Checks
Signals are a powerful tool in Angular to handle reactivity, but they can easily cause unnecessary...
Multi-Image Uploader for Next.js | Shadcn/ui
I’ve always had a thing for building small, efficient, and responsive components—especially when it...
Introducing the Zod Schema Designer: A Visual Tool for Creating and Editing Zod Schemas
If you’re a developer using Zod for schema validation in your Next.js or React projects, I have...
Why React Hook Form and Zod are Essential to Build Contact Form
Creating a robust and user-friendly contact form is a vital part of any web application. A poorly...
ReScript Schema V9 - Zod-like library to the next level 🚀
The article is an overview of changes introduced in the recently released version 9. After more than...
Easily Sync Your Subtitles with React, RHF and shadcn/ui
Introduction As a big fan of movies and TV shows, I often run into subtitle syncing issues...
Branded Types in TypeScript: techniques
In this post, I’ll walk you through several ways to implement branded types in TypeScript. If you’re...
Fully-Typed HTTP Router for AWS Lambda with Middy and Zod
When I needed to add a couple of REST endpoints to a serverless project, I faced the age-old debate:...
Infer Astro Zod Content Schema in TSX React Components avoiding Code Duplication
Astro, the meta-framework JAMStack and Next alternative thanks to its "islands architecture",...
Zod v4 got 17x Slower than v3 🚦
A surprising finding about Zod v4’s performance, what it means for you, and how to avoid the pitfalls.
Using Zod's z.union: An Important Pitfall to Avoid
When using the schema z.union([z.object({}), anotherSchema.partial()]);, Zod checks if the object...
React MVVM Architecture with TanStack Router: Model Layer
Types are playing an essential part in modern React applications. They’re the foundation for typing...
Zod: The Ultimate Validation Library for TypeScript
This post was originally posted here on my site codespoetry.com Zod is a TypeScript-first schema...
Crafting Type-Safe Zod Helpers: A Deep Dive into `preprocess` and TypeScript Wizardry
When building TypeScript applications with Cucumber for testing, a common challenge emerges: handling...
![Zod Validation in [React + Typescript]](https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fv5v9yxmugh95ags07wl6.png)
Zod Validation in [React + Typescript]
Zod Zod is a TypeScript-first schema declaration and validation library. It allows you to...
Form - Next15/React19/ReactHookForm + Zod + useActionState
Respuesta Directa Puntos clave: Parece probable que la mejor combinación para manejar...
OpenAPI to TypeScript: a More Reliable and Type-Safe Approach
If you’re building REST API clients (or servers) with TypeScript, you expect type safety to save the...
Fastify, Prisma, Zod & Swagger
Fastify Prisma Boilerplate — A Productive API Starter As someone who frequently spins up...
Make Your TypeScript API Responses Safer with Zod (in seconds)
One of the most common problems we run into when trying to type our API responses—besides it being...
Shared form with config files in NextJs
Building a shared form for React with zod, react-hook-form and shadcn ui library.
Validating Environment Variables in Node.js with Zod
Ever pushed a project to production only to realize an environment variable was missing or mistyped?...
⚡ Optimizing Angular Signals with Smart Equality Checks
Signals are a powerful tool in Angular to handle reactivity, but they can easily cause unnecessary...
Setting Dynamic Default Values with Zod Schema
Introduction Zod provides a powerful way to define schemas for validating and transforming...
Stop Using Repetitive Validation Logic – Embrace Zod
If you're a backend or fullstack developer, you've probably written this kind of code more times than...
How I've been trying to improve mocking with Zod
An article detailing how to use zodObjectBuilder to improve your mocking experiences
zod-sugar is just ‘zod backwards’ or “zod in reverse”
TLDR: This article introduces the zod-sugar library: https://github.com/samuelkarani/zod-sugar When...
postbuild.ts file in Zod codebase.
In this article, we will review postbuild.ts file in Zod codebase. We will look at: Where is...
Zod and Data modelling
My plan is to develop that app. It has a hierarchic data structure. Zod should validate the data....
`jsr.json` file in Zod codebase.
In this article, we will review jsr.json file in zod codebase. We will look at: What is JSR? Why...