Typing API Responses With Zod

This page summarizes the projects mentioned and recommended in the original post on dev.to

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured
  • DotNetReactZodApp

    The sample .NET 6 React app with Zod typing for API responses

  • The sample code used within this article is available on GitHub. We will use ASP.NET Core (C#) and React (TypeScript) apps as examples.

  • react-hook-form

    📋 React Hooks for form state management and validation (Web + React Native)

  • You can definitely do many things with zod. It can be used together with libraries like react-hook-form to perform complex forms validation. However, in our case, we’ll treat zod as a solution for better typings in TypeScript.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • zod

    TypeScript-first schema validation with static type inference

  • Remember that zod is an extended library with many options. I recommend exploring them on your own. An interesting feature we didn’t cover in this article is strict mode, which doesn’t allow additional fields not present in the schema definition when validating the data object.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • [React JS] I don't know a better way to handle Forms in React

    2 projects | dev.to | 6 Feb 2024
  • Using Zod with React hook form using typescript

    2 projects | dev.to | 16 Mar 2023
  • Don't use useEffect in forms

    2 projects | dev.to | 21 Dec 2022
  • Nest JS Websockets - Pipes and E2E Validation with Zod

    2 projects | dev.to | 10 Dec 2022
  • 3 great Typescript libraries to speed up your full stack development

    3 projects | dev.to | 13 Oct 2023