... | @@ -62,8 +62,48 @@ A estrutura da arquitetura hexagonal permite que você adapte o sistema às muda |
... | @@ -62,8 +62,48 @@ A estrutura da arquitetura hexagonal permite que você adapte o sistema às muda |
|
## Linguagem
|
|
## Linguagem
|
|
[![TypeScript](https://img.shields.io/badge/TypeScript-000?style=for-the-badge&logo=typescript)](https://www.typescriptlang.org/)
|
|
[![TypeScript](https://img.shields.io/badge/TypeScript-000?style=for-the-badge&logo=typescript)](https://www.typescriptlang.org/)
|
|
|
|
|
|
## Gerenciador de Dependências ![enter image description here](https://img.shields.io/badge/-Maven-C71A36?style=for-the-badge&logo=apachemaven&logoColor=white)
|
|
## Gerenciador de Dependências
|
|
**[Maven ](https://maven.apache.org/)**
|
|
[![NPM](https://img.shields.io/badge/NPM-C71A36?style=for-the-badge&logo=npm&logoColor=white)](https://www.npmjs.com/)
|
|
|
|
|
|
|
|
|
|
## Testes ![enter image description here](https://img.shields.io/badge/-JUnit-25A162?style=for-the-badge&logo=junit5&logoColor=white)
|
|
-------------------------------------------
|
|
**[JUnit5 ](https://junit.org/junit5/)** |
|
|
|
\ No newline at end of file |
|
## Arquitetura
|
|
|
|
(Estrutura de Pastas)
|
|
|
|
|
|
|
|
├── App.tsx <br/>
|
|
|
|
├── assets <br/>
|
|
|
|
├── src <br/>
|
|
|
|
│ ├── api <br/>
|
|
|
|
│ │ └── hooks <br/>
|
|
|
|
│ ├── components <br/>
|
|
|
|
│ ├── constants <br/>
|
|
|
|
│ │ └── apiURL.ts <br/>
|
|
|
|
│ ├── redux <br/>
|
|
|
|
│ ├── routes <br/>
|
|
|
|
│ ├── screens <br/>
|
|
|
|
│ └── utils <br/>
|
|
|
|
├── babel.config.js <br/>
|
|
|
|
├── package.json <br/>
|
|
|
|
└── README.md <br/>
|
|
|
|
|
|
|
|
#### Componentes da Estrutura
|
|
|
|
##### api
|
|
|
|
Contém módulos relacionados à comunicação com APIs externas. Dentro dela, há uma subpasta chamada hooks, que pode conter React Hooks personalizados relacionados a chamadas de API.
|
|
|
|
|
|
|
|
##### components
|
|
|
|
Aqui você coloca os componentes React reutilizáveis que podem ser usados em várias partes do seu aplicativo.
|
|
|
|
* Exemplo: Pode incluir botões, barras de navegação, modais e outros componentes que podem ser utilizados em diferentes partes do aplicativo.
|
|
|
|
|
|
|
|
##### constants
|
|
|
|
Contém constantes usadas em várias partes do aplicativo. No caso específico, há um arquivo chamado apiURL.ts, que este é o local onde a URL da API é definida como uma constante.
|
|
|
|
|
|
|
|
##### redux
|
|
|
|
Usado para gerenciar o estado global do aplicativo, é aqui onde é organizada os reducers, actions, etc.
|
|
|
|
|
|
|
|
##### routes
|
|
|
|
Contém configurações e lógica relacionada a navegação no aplicativo, usando a biblioteca de navegação do React Navigation (@react-navigation/native).
|
|
|
|
|
|
|
|
##### screens
|
|
|
|
Armazena componentes React que representam diferentes telas do aplicativo.
|
|
|
|
Cada tela tem sua própria pasta dentro de screens, contendo o componente principal da tela, bem como quaisquer componentes relacionados a essa tela. |
|
|
|
\ No newline at end of file |