react native clean architecture

Reaja arquitetura limpa nativa

Um andaime nativo do React com uma arquitetura limpa que é fácil de entender.

Características

• Expo 52
• ? Arquitetura limpa. Estrutura de arquivo em camadas
• ? Aste datilograma à prova de balas datilografadas
• ? Iqud formato de código: Eslint
• ? Sustct formato: commitlint
• ? Ganchos Git: Husky
• ? Injeção de dependência: Inversiland
• ? I18n: Expo-localização + i18n-js
• ? Navegação: @React-Navigigation/Native
• ? Gerente do Estado: Mobx

---

? Estrutura do arquivo do projeto

️ O que dificulta a implementação do conceito de arquitetura limpa, na minha opinião, é que, como é definido teoricamente, cada pessoa o implementa usando terminologia diferente ou omitindo/adicionando algumas camadas ou peças para simplificá -lo ou continuar a torná -lo mais complexo.

Por esse motivo, acho importante enfatizar a documentação que acompanha a arquitetura para evitar obstáculos com o restante das pessoas que vão trabalhar com esse sistema.

Explique brevemente cada uma das quatro camadas que compõem a arquitetura limpa na pasta /src:

 └── /src
    ├── AppModule.ts               # Dependency injection root module
    ├── /core                      # Core bounded context
    │   └── /presentation
    └── /post                      # Post bounded context
        ├── /domain
        ├── /application
        ├── /infrastructure
        └── /presentation

Domínio

Esta camada contém todas as regras de negócios corporativas: entidades, especificações ...

Aplicativo

Essa camada contém os casos de uso do contexto limitado.

Infraestrutura

Essa camada contém os detalhes técnicos (implementação) da camada de domínio e integrações de terceiros.

Apresentação

Essa camada contém o código -fonte nativo do React: visualizações e controladores (Redux Thunks).

Referências

• https://blog.cleancoder.com/uncle-bob/2012/08/13/the-clean-architecture.html
• https://jeffreypalermo.com/2008/07/the-onion-architecture-part-1/

---

Ambiente

A Expo CLI carrega arquivos .env de acordo com a resolução do arquivo .env padrão e, em seguida, substitui todas as referências no seu código ao process.env.EXPO_PUBLIC_[VARNAME] pelo valor correspondente definido nos arquivos .env. O código dentro do Node_modules não é afetado para fins de segurança.

Ambiente de Desenvolvimento

Crie um arquivo .env na raiz do seu projeto para fins de desenvolvimento:

 EXPO_PUBLIC_API_URL=https://jsonplaceholder.typicode.com

Ambiente de produção

Configure o arquivo .env.production com as variáveis ​​de ambiente que você deseja usar na produção.

Correr

Dev

yarn dev

Web

yarn web

Android

yarn android

iOS

yarn ios

---

Ejetar da Expo

expo eject

---

Apoie o projeto

☕️ Compre um café para mim para que a festa de código aberto nunca termine.

YouTube | Instagram | Twitter | Facebook

godofprogramming.com