Best of zod2024

  1. 1
    Article
    Avatar of communityCommunity Picks·2y

    17 Libraries You Should Know if You Build with React

    Discover 17 open source projects for React developers, covering various areas like AI chatbots, UI building, validation, testing, database, UI components, animations, internationalization, and more.

  2. 2
    Article
    Avatar of communityCommunity Picks·1y

    Shadcn Form Builder

    Shadcn Form Builder allows developers to create forms quickly using Shadcn UI, react-hook-form, and Zod. Offering customizable and ready-to-use form solutions, it simplifies validation with support for both Zod and Yup. Developers can easily integrate pre-built components, rearrange fields, and define behavior with just a few steps, making form creation efficient and seamless.

  3. 3
    Article
    Avatar of communityCommunity Picks·2y

    Next.js Server Actions with next-safe-action

    Learn how to enhance your Next.js App Router project by implementing type-safe and validated server actions using the next-safe-action library. The post demonstrates the benefits of using next-safe-action by comparing the server action and client component code before and after refactoring. It highlights the improvements in structure, ease-of-use, and reduction of boilerplate code, especially in client-side form handling using react-hook-form and Zod validation.

  4. 4
    Article
    Avatar of thisdotThis Dot·1y

    Introduction to Zod for Data Validation

    Zod is a library for data validation in JavaScript, especially useful for web developers handling untrusted external data. It allows defining schemas to ensure data conforms to specified formats and can throw errors when data validation fails. Zod complements TypeScript by providing runtime data validation which TypeScript alone cannot offer. The post explains how to define Zod schemas, validate and parse data, enhance schemas with custom validations, and integrate Zod with TypeScript.

  5. 5
    Article
    Avatar of communityCommunity Picks·1y

    Introduction

    Better Fetch is an advanced fetch wrapper for TypeScript, offering features like error-as-value, zod schema validations, advanced type inference, pre-defined routes, hooks, and plugins. It is compatible with browsers, Node.js, workers, Deno, and Bun, supporting custom fetch implementations like node-fetch. Additionally, it includes advanced retry mechanisms with linear and exponential backoff strategies.