todo-app's People

Contributors

Watchers

todo-app's Issues

Inputs controlados e não-controlados

Desafio do desafio

Pesquise sobre inputs controlados e não-controlados no React e mude a implementação do componente NewTaskCreator para ter acesso ao valor do input sem utilizar de estados.

Explique com suas palavras nessa Issue o que você aprendeu no processo.

Linhas

ToDo-App/src/Components/NewTaskCreator.jsx

Line 6 in b51de21

const [description, setDescription] = useState("");

ToDo-App/src/Components/NewTaskCreator.jsx

Lines 29 to 30 in b51de21

 value={description} 

 onChange={(event) => setDescription(event.target.value)}

Melhorias

Interface quebrada

1. App fica muito pequeno quando a janela é menor que 600px

ToDo-App/src/index.css

Lines 45 to 49 in b51de21

 @media (max-width: 600px) { 

 html { 

 font-size: 0.875%; 

 } 

 }

Ajuste o font-size para a tela não ficar muito pequena depois dos 600px de largura

- font-size: 0.875%;
+ font-size: 87.5%;

2. Textos muito longos quebram a interface

Para evitar que o checkbox fique encolhido, use a propriedade flex-shrink: 0 no mesmo
Pesquise sobre as propriedades text-overflow e overflow para evitar que o texto ultrapasse o componente ExistingTasks

Outros

1. Corrigir tarefas criadas somente com espaços

No momento é possível criar tarefas sem conteúdo, se o usuário adicionar um ou mais espaços no input do formulário.
Use o método String.trim() para eliminar os espaços em branco da string.

Recommend Projects