Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/aridanpantoja/react-hook-form-and-zod
- Owner: aridanpantoja
- Created: 2024-05-31T17:05:27.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-05-31T17:21:35.000Z (8 months ago)
- Last Synced: 2024-11-16T00:28:52.798Z (3 months ago)
- Language: TypeScript
- Size: 62.5 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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)