Frontend

Definições de Tecnologias

• Linguagem: Typescript
• Framework: React Native

1. Estrutura Raiz do Projeto:

• App.tsx: O componente raiz da aplicação
• index.js: Ponto de entrada da aplicação
• package.json: Gerenciamento de dependências e scripts
• tsconfig.json: Configurações do TypeScript
• metro.config.js: Configuração do bundler do React Native
• babel.config.js: Configuração do Babel para transpilação
• .eslintrc.js e .prettierrc.js: Configurações de linting e formatação de código

2. Módulos do sistema estão presentes no diretório src/, com a organização seguinte:

• components/: Componentes reutilizáveis da interface
• pages/: Telas da aplicação
• routes/: Configurações de navegação
• services/: Serviços e integrações com APIs
• assets/: Recursos estáticos (imagens, fontes, etc.)
• styles/: Estilos globais e temas
• mocks/: Dados simulados para desenvolvimento/testes

3. Plataformas Nativas:

• android/: Configurações específicas para Android
• ios/: Configurações específicas para iOS

4. Ferramentas de Desenvolvimento:

• Jest para testes
• ESLint para linting
• Prettier para formatação de código
• Babel para transpilação
• TypeScript para tipagem estática
• Metro para bundling