/ignite-dtmoney

Aplicação desenvolvida durante o chapter II do Ignite da Rocketseat, trilha React.

Primary LanguageTypeScript

DT Money

Projeto desenvolvido durante o chapter II do Ignite, path React. Feito a partir de um layout realizado por um designer, e desenvolvido do zero durante as aulas.

O DT Money é uma aplicação de organização de finanças. Com ele você pode adicionar novas transações de depósito ou retiradas, e visualizar o resumo de entradas e saídas adicionados.

Ele não preserva os dados das transações em nenhum banco de dados ou localStorage.

Tecnologias utilizadas

  • Create-React-App
  • TypeScript
  • Styled Components
  • Axios
  • Mirage JS
  • React-modal

Principais aprendizados

Comecei a ficar um pouco mais à vontade com o TypeScript, e entender como ele realmente ajuda a deixar o desenvolvimento mais fluido.

Aprendi a criar estilização de componentes globais com o Styled Components, e vi que na real é bem fácil.

Comecei a ter compreender melhor o conceito de propriedades do React, passando-os de pai para filho. Também compreendi melhor o uso dos hooks useState e useEffect, que usei bastante. Conheci o useContext, e espero usá-lo com mais segurança no futuro próximo. Também aprendi a criar componentes que contém filhos, usando o ReactNode como tipo e incluindo children, recebendo essa propriedade. Bem útil no useContext! No React também aprendi a criar um hook, e foi sensacional!

Conheci o React-modal e decidi que vou usá-lo todas as vezes que precisar de algo do tipo.

Conheci o Mirage JS e o conceito de fake API, e o quanto isso ajuda no desenvolvimento frontend.

Conheci o método Intl do JS e espero nunca mais sofrer com formatação de moedas e datas.