Skip to content

gabrielamenezes/todo-list

Repository files navigation

🚀 Aplicação em React com TypeScript

Este projeto foi desenvolvido como parte do desafio prático da trilha de ReactJS da Rocketseat. A aplicação tem como objetivo consolidar conhecimentos fundamentais do ecossistema React, com foco em componentização, propriedades, estados e uso adequado de keys.

📚 Conceitos Aplicados

  • Componentização: Organização do código em componentes reutilizáveis e modulares.
  • Estados: Gerenciamento de estados internos para manipular e refletir mudanças na interface.
  • Propriedades (Props): Passagem de dados entre componentes, facilitando a reutilização.
  • Modules: Estilização modular com CSS Modules para evitar conflitos de estilos entre componentes.
  • Keys: Utilização correta das keys para otimizar a renderização de listas e evitar problemas com o DOM virtual.

🛠️ Tecnologias Utilizadas

  • ReactJS: Biblioteca principal para construção de interfaces.
  • TypeScript: Tipagem estática para maior segurança e legibilidade do código.
  • CSS: Estilização básica da aplicação.
  • CSS Modules: Modularização de estilos para componentes isolados.
  • Vite: (Opcional) Ambiente de desenvolvimento rápido, se aplicável.

🚀 Como Executar o Projeto

Clone este repositório:

git clone https://github.com/gabrielamenezes/todo-list.git

Instale as dependências:

npm install
//ou
yarn install

Inicie o servidor de desenvolvimento:

npm run dev
//ou
yarn dev

Acesse no navegador:

Autor


Gabriela Menezes

Feito com ❤️ por Gabriela Menezes 👋🏽 Entre em contato!

Linkedin Badge Gmail Badge

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published