https://github.com/miguelitodev/form-training
📝 Repositório para treinamento de formulários em etapas utilizando React com react-hook-form, estilizados com Tailwind CSS e componentes UI com Radix UI, configurados com Vite.js e TypeScript. 🚀✨
https://github.com/miguelitodev/form-training
forms react react-hook-form tailwindcss typescript vitejs
Last synced: 3 months ago
JSON representation
📝 Repositório para treinamento de formulários em etapas utilizando React com react-hook-form, estilizados com Tailwind CSS e componentes UI com Radix UI, configurados com Vite.js e TypeScript. 🚀✨
- Host: GitHub
- URL: https://github.com/miguelitodev/form-training
- Owner: miguelitodev
- Created: 2024-02-24T16:58:17.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2024-02-25T17:59:13.000Z (about 1 year ago)
- Last Synced: 2025-02-23T21:05:26.247Z (3 months ago)
- Topics: forms, react, react-hook-form, tailwindcss, typescript, vitejs
- Language: TypeScript
- Homepage: https://formtraining.netlify.app/
- Size: 51.8 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🚀 React Form Test with react-hook-form 🚀
[Leia em Português](README.pt.md)
This project is a test of a multi-step form using the `react-hook-form` library. It demonstrates how to create a form with multiple steps, error validation, and stylish design.
## About react-hook-form
`react-hook-form` is a performant, flexible, and extensible library for building forms in React with easy-to-use APIs. It helps in managing form state, handling form submissions, and performing validation efficiently.
## Project Setup
This project was bootstrapped with [ViteJS](https://vitejs.dev/), a fast JavaScript bundler with zero configuration, utilizing [React](https://reactjs.org/), a JavaScript library for building user interfaces, [TypeScript](https://www.typescriptlang.org/), a typed superset of JavaScript that compiles to plain JavaScript, [Tailwind CSS](https://tailwindcss.com/), a utility-first CSS framework for rapidly building custom designs, and [Radix UI](https://radix-ui.com/), a collection of low-level UI components for React.
## Dependencies
This project depends on the following libraries:
- [react-hook-form](https://www.npmjs.com/package/react-hook-form): A library for building forms in React with easy form state management and validation.
- [react](https://www.npmjs.com/package/react): A JavaScript library for building user interfaces.
- [vite](https://www.npmjs.com/package/vite): A fast JavaScript bundler with zero configuration.
- [typescript](https://www.npmjs.com/package/typescript): A typed superset of JavaScript that compiles to plain JavaScript.
- [tailwindcss](https://www.npmjs.com/package/tailwindcss): A utility-first CSS framework for rapidly building custom designs.
- [radix-ui](https://www.npmjs.com/package/@radix-ui/react): A collection of low-level UI components for React.
## Project Structure
The project is structured as a multi-step form with separate components for each step. Error validation is integrated to ensure data integrity.
## GitHub Repositories and Snippets
GitHub: [miguelitodev/form-training](https://github.com/miguelitodev/form-training)
---
Made with :heart: for [Miguel Riquelme](https://github.com/miguelitodev).