Este é um projeto simples de lista de tarefas feito em React com Typescript e Styled Components. Neste projeto, aprendi a utilizar styled components para estilizar os componentes de forma mais fácil e flexível.
- Adicionar uma nova tarefa na lista
- Marcar uma tarefa como concluída
- Remover uma tarefa da lista
Para executar o projeto, siga os seguintes passos:
-
Clone o repositório em sua máquina: "git clone https://github.com/seu-usuario/todo.git"
-
Acesse a pasta do projeto: "cd todo"
-
Instale as dependências: "npm install ou yarn install"
-
Inicie o servidor de desenvolvimento: "npm start"
-
Abra o navegador e acesse a URL: "http://localhost:3000"
- React
- Typescript
- Styled Components
Ao utilizar styled components neste projeto, aprendi como é fácil criar e reutilizar estilos de forma mais eficiente. Também aprendi a utilizar props em styled components, o que me permitiu criar componentes mais flexíveis e dinâmicos.
Outro aprendizado importante foi em relação à organização do projeto. Com styled components, posso definir os estilos em arquivos separados, o que torna o projeto mais fácil de ser mantido e atualizado.
Este projeto foi uma ótima oportunidade para aprender a utilizar styled components em um projeto real e também para consolidar meus conhecimentos em React e Typescript. Espero que este Read.me tenha sido útil para entender um pouco mais sobre este projeto.