Diagrama de Componentes Frontend

Descrição do Estruturas

• 🔘 Assets - Assets são recursos utilizados em um projeto de software, como imagens, ícones, fontes, arquivos de áudio e vídeo.
• 🔘 Components - Blocos reutilizáveis que compõem a interface e a funcionalidade de um aplicativo, facilitando a construção, a manutenção e a reutilização do código.
• 🔘 Screen - Tela/interface de usuário visível que os usuários interagem. Cada tela geralmente é composta por um ou mais componentes e exibe informações ou funcionalidades específicas.
• 🔘 Routes - Rotas se referem ao sistema de navegação em um aplicativo. As rotas definem a estrutura do aplicativo, permitindo que os usuários naveguem entre diferentes telas ou páginas sem a necessidade de recarregar todo o aplicativo.
• 🔘 Services - Serviços são módulos ou classes que lidam com funcionalidades específicas no aplicativo. Eles são responsáveis por tarefas como aquisição de dados de APIs externas, manipulação de dados, autenticação de usuário, ou qualquer outra lógica de negócios que não pertença aos componentes.
• 🔘 Utils - "Utils" é uma abreviação para utilitários. São funções/classes que fornecem funcionalidades genéricas e reutilizáveis que não se encaixam diretamente em componentes ou em lógica de negócios. Eles geralmente são usados para tarefas comuns (formatação de datas, validação de entrada ou manipulação de strings).
• 🔘 Hooks - Hooks são uma característica da biblioteca React que permite conectar a recursos do React, como o estado de um componente. Eles permitem que você reutilize lógica de estado e efeitos colaterais sem a necessidade de classes.
• 🔘 API - API (Application Programming Interface) é um conjunto de definições e protocolos que podem ser usadas para acessar recursos e serviços, seja para enviar ou receber dados, executar ações ou realizar outras operações definidas.