Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/aridanpantoja/react-hook-form-and-zod

Form developed with React Hook Form for form management and Zod for schema validation.
https://github.com/aridanpantoja/react-hook-form-and-zod

Last synced: 17 days ago
JSON representation

Form developed with React Hook Form for form management and Zod for schema validation.

Awesome Lists containing this project

README

        

## [Formulário com React Hook Form + Zod](https://tutoriacastanhal.com.br) · ![React Badge](https://img.shields.io/badge/v18-v_18?logo=React&label=react) ![Next Badge](https://img.shields.io/badge/v14.2.3-v_18?logo=next.js&label=next)

O React Hook Form é uma biblioteca para gerenciar formulários em aplicações React, com foco em desempenho e integração com diversas formas de validação de dados.

O Zod é utilizado para validar campos de formulários, permitindo que você crie esquemas de validação seguros e simples com Typescript e os integre ao React Hook Form.

## Instalação
1. Clone o repositório
```bash
git clone https://github.com/aridanpantoja/react-hook-form-and-zod.git
```
2. Instale as dependências
```bash
npm install
```

3. Rode o servidor de desenvolvimento
```bash
npm run dev
```

## Referências
- [Documentação do React Hook Form](https://react-hook-form.com/get-started)
- [Documentação do Zod](https://zod.dev)
- [Validação de formulários com React Hook Form + Zod](https://medium.com/@rbgadotti/valida%C3%A7%C3%A3o-de-formul%C3%A1rio-com-zod-e-react-hook-form-garantindo-a-integridade-dos-dados-nos-seus-b1802aa329f1)
- [Formulários avançados no React (Hook Form + Zod)](https://www.youtube.com/watch?v=XSbMSSdGSdg)