frontend-react-useeffect's Introduction

useEffect e ciclos de vida React

✏️ Exercício (originalmente desenvolvido em 27 de Junho de 2022)
Exercício proposto pela Cubos Academy, tem como objetivo praticar o uso de useEffect com React.

🖥️ Tecnologias usadas

Exercícios de classe 🏫

Exercício 1 - Trata-se de criar modal simples, com a funcionalidade de abrir e fechar..

Regras:
- Funcionalidade de abrir e fechar

Veja na imagem abaixo o layout:

Exercício 2 - Criar um projeto que adicione usuários dentro de um quadro.

Regras:
- Ao adicionar o usuário o input deve ser limpado
- Ao adicionar um usuário uma notificação deve ser exibida na parte de baixo
- Seguir o layout básico.
- A notificação deverá ser exibida por até 2 segundos.

Veja na imagem abaixo o layout:

Exercício 3 - Esse exercício é um mini desafio, nele você irá praticar tudo o que aprendeu nessa aula e no curso.

Regras:
- Pensar bem na componentização do projeto
- Seguir o layout do figma
- Criar um modal que seja preenchido com as informações de um sapato, o modal deve ser exibido quando o sapato for clicado.

Veja na imagem abaixo o layout:

Obs.: No exercício 3 você poderá usar o figma para te orientar quanto ao layout, dentro desse repositório nós temos um arquivo chamado figma.fig, para importá-lo é muito simples, veja nas imagens abaixo:

Abra o figma e clique em import file, escolha o arquivo e clique em OK.

Pronto, quando terminar de importar o projeto aparecerá na sua tela principal do figma.

Obs.: Em caso de dúvidas, lembre-se de assistir os vídeos de orientação.

Preencha a checklist para fazer os exercícios:

Fazer o fork do repositório para sua conta
Executar git clone do seu fork no terminal para clonar o repositório, ou clonar de outra maneira
Após fazer e commitar todos os exercícios fazer o git push para seu fork
Copiar a url do seu fork e enviar na plataforma