resolvers VS zodios

For anyone that reaches this post trying to obtain an answer, I found this issue in the react-hook-form repository. Specifically the comment that Mihai-github made.

command dependency function npm i cudosjs https://www.npmjs.com/package/cudosjs A JavasSript Open Source Library for https://cudos.org/  network npm i react-router-dom https://www.npmjs.com/package/react-router-dom It contains bindings for the routing library for React npm i react-hook-form https://www.npmjs.com/package/react-hook-form Performant, flexible and extensible forms with easy to use validation. npm i zod https://www.npmjs.com/package/zod A type declaration and validation library. We use it to declare and validate the data type of the forms used in NFT minting. npm i @hookform/resolvers https://github.com/react-hook-form/resolvers allows you to use an external validation library with React hook form npm i @mui/material @mui/lab @emotion/react @emotion/styled https://mui.com/material-ui/getting-started/overview/ for component styling Material UI is an open-source React component library that implements Google's https://m2.material.io/ . npm i notistack https://www.npmjs.com/package/notistack For snack bar notification npm i @fontsource/poppins Poppins font Poppins font via Fontsource npm i @keplr-wallet/types npm install @esbuild-plugins/node-globals-polyfill To make the Node module Buffer available in our project

More info here and here

There are plenty of them, I'm using zod, but other ones also may be worth attention: https://github.com/react-hook-form/resolvers here is a lib for integrating validation libraries with react-hook-form and you can see a lot of such libs here with size badges and small examples.

For the front-end, I like react-hook-form, and it supports both zod, joi, yup and more via official package: https://github.com/react-hook-form/resolvers

Released in the 2020's summer, @hookform/resolvers is an optional module that allows you to validate React Hook Form's values with your favorite validation library. So far, we support 5 validation libraries: Yup, Zod, Vest, Joi, and Superstruct.

Zodios This is like tRPC but for REST APIs. Get an end-to-end typesafe developer experience in your Next.js apps

Zod is great. If you have an API that is also written in Typescript you can use zodios to make it type-safe from end to end.

@ecyrbe - Zodios | End-to-end typesafe REST API toolbox

Writing client APIs, that gives you autocompletion is time consuming. You allways endup writing the same kind of boilerplate code or have to use openapi code generators that are a pain to maintain. Zodios was created to make creating frontend (and optionally backend) API client a breeze. It's is an open source REST API toolbox with end-to-end typesafety. It allows you to create a REST API with a clean, intuitive and declarative syntax. It's best used with TypeScript, but it's also usable with pure JavaScript.

if you want to see it in practice, you can check some tests here for zodios library.

In the last article we have seen how to use zodios to declare custom REST APIs. As a reminder, Zodios is an open source HTTP client with type checking at runtime (zod validation) and also at compile time (typescript) without needing to write both types and validation schemas. You just need to write your API declaration once and you're done.

Zodios is a small open-source library that helps you declare your REST APIs in frontend applications thanks to Zod library.