https://github.com/gustavo-p0/hooks-context-alura

App desenvolvido junto ao curso 'React: Hooks, Contextos e boas práticas' da Alura.
https://github.com/gustavo-p0/hooks-context-alura

alura css html javascript mui react

Last synced: about 2 months ago
JSON representation

App desenvolvido junto ao curso 'React: Hooks, Contextos e boas práticas' da Alura.

• Host: GitHub
• URL: https://github.com/gustavo-p0/hooks-context-alura
• Owner: gustavo-p0
• License: mit
• Created: 2024-02-16T23:14:32.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-02-16T23:22:50.000Z (11 months ago)
• Last Synced: 2024-02-17T00:26:41.767Z (11 months ago)
• Topics: alura, css, html, javascript, mui, react
• Language: JavaScript
• Homepage: https://hooks-context-alura.vercel.app
• Size: 104 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Formulário de cadastro particionado

![preview](https://github.com/gustavo-p0/hooks-context-alura/assets/83771792/c0039740-2c78-47b2-ba18-616b2be26d33)

[🌐 Live Demo](https://hooks-context-alura.vercel.app/)

Este aplicativo é uma evolução deste [projeto](https://github.com/gustavo-p0/function-components-alura), desenvolvido como parte do curso "React: Hooks, Contextos e boas práticas", ministrado por Alura e Ricardo Bugan Debs. Nesta versão, o foco foi aprofundar o conhecimento em Hooks, Context API e boas práticas no desenvolvimento React.

Página do Curso: [React: Hooks, Contextos e boas práticas](https://cursos.alura.com.br/course/react-hooks-e-formularios)

---

## O que foi aprimorado?

- **Hooks e Boas Práticas**

  Aprofundamento nos conceitos de Hooks, explorando diversas situações e boas práticas ao utilizá-los no desenvolvimento React.

- **Context API para Gerenciamento de Estado**

  Aplicação eficiente da Context API para gerenciamento de estado, proporcionando uma melhor organização e compartilhamento de dados entre componentes.

- **Lógica de Máquina de Estados**

  Implementação de uma lógica de máquina de estados para lidar com diferentes etapas do formulário, proporcionando uma experiência de usuário mais fluída.

- **Validação Avançada de Dados em Formulários**

  Aprimoramento das técnicas de validação de dados em formulários, com destaque para a validação intuitiva do campo de CPF.

- **Boas Práticas com Propriedades**

  Conhecimento e aplicação das melhores práticas ao trabalhar com propriedades, garantindo um código mais limpo e fácil de manter.

---

## Como Executar o Projeto

1. Clone o repositório.

2. Navegue até o diretório do projeto.

3. Execute `npm install` para instalar as dependências.

4. Execute `npm run dev` para iniciar a aplicação localmente.

5. Acesse a aplicação em `localhost:5173`

## Sobre o curso

Autor do Curso: Alura e Ricardo Bugan Debs.

**Ementa do Curso:**

- Aprenda mais sobre Hooks

- Crie uma lógica de máquina de estados

- Utilize a Context API para melhorar seu código

- Saiba as melhores práticas ao trabalhar com propriedades

- Conheça as técnicas de validação de dados em formulários