DT Money

Visão Geral

DT Money é uma aplicação de controle financeiro desenvolvida como parte do módulo "Consumo de API e performance no ReactJS" do curso Ignite, da Rocketseat. Ela utiliza diversas tecnologias essenciais para o desenvolvimento em ReactJS.

Tecnologias Utilizadas

Durante o módulo, foram abordados os seguintes temas e tecnologias:

• JSON Server: Uma ferramenta que permite criar uma API fake com base em um arquivo JSON. É ideal para simular uma API real durante o desenvolvimento.

• Context API: Uma API do React que permite compartilhar dados entre componentes, eliminando a necessidade de passá-los manualmente por várias camadas de componentes. É especialmente útil para o gerenciamento de estados globais e configurações.

• use-context-selector: Um hook customizado que melhora o desempenho do acesso aos dados do contexto. Ele permite que você selecione seletivamente apenas os dados necessários de um contexto, evitando renderizações desnecessárias.

• React Hook Form: Uma biblioteca que simplifica a validação e o gerenciamento de formulários no React. Ela oferece uma forma fácil e intuitiva de acessar os valores e as regras de validação de campos de formulário.

• Zod: Uma biblioteca de validação de esquemas que garante que os dados fornecidos estejam corretos e atendam a requisitos específicos. É útil para validar os dados recebidos de APIs ou formulários antes de serem utilizados na aplicação.

• Axios: Uma biblioteca popular para fazer requisições HTTP no navegador. Ela simplifica o processo de fazer solicitações para APIs externas e o tratamento de respostas.

• useCallback, memo e useMemo: Esses são hooks do React que otimizam o desempenho, evitando renderizações desnecessárias. O useCallback é usado para memorizar funções, o memo é usado para memorizar componentes e o useMemo é usado para memorizar valores computados.

Funcionalidades do DT Money

O DT Money é uma aplicação de controle financeiro que permite gerenciar receitas e despesas, fornecendo um resumo completo das finanças. Através do projeto, foram aplicados os conceitos aprendidos no módulo, incluindo:

• Consumo de uma API externa para obtenção de dados financeiros.

• Validação de formulários utilizando o React Hook Form e a biblioteca Zod.

• Compartilhamento de informações entre componentes utilizando a Context API.

• Otimização de desempenho através do uso de useCallback, memo e useMemo.