react native clean architecture

Reaccionar arquitectura limpia nativa

Un andamio nativo de React con una arquitectura limpia que es fácil de entender.

Características

• Expo 52
• ? Arquitectura limpia. Estructura de archivos en capas
• ? ️ Typing a prueba de balas de mecanografiado
• ? ️ Formato de código: Eslint
• ? ️ Formato de confirmación: Compromiso
• ? Git Hooks: Husky
• ? Inyección de dependencia: Inversiland
• ? I18N: Localización de la exposición + I18N-JS
• ? Navegación: @react-navegación/nativo
• ? Gerente Estatal: MOBX

---

? Estructura de archivo de proyecto

️ Lo que hace que la implementación del concepto de arquitectura limpia sea más difícil en mi opinión es que, dado que se define teóricamente, cada persona lo implementa usando una terminología diferente u omitiendo/agregando algunas capas o piezas para simplificarlo o continuar haciéndolo más complejo.

Por esta razón, creo que es importante enfatizar la documentación que acompaña a la arquitectura para evitar obstáculos con el resto de las personas que van a trabajar con este sistema.

Explico brevemente cada una de las cuatro capas que conforman la arquitectura limpia dentro de la carpeta /SRC:

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

Dominio

Esta capa contiene todas las reglas comerciales empresariales: entidades, especificaciones ...

Solicitud

Esta capa contiene los casos de uso del contexto limitado.

Infraestructura

Esta capa contiene los detalles técnicos (implementación) de la capa de dominio y las integraciones de terceros.

Presentación

Esta capa contiene el código fuente nativo React: vistas y controladores (Redux Thunks).

Referencias

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

---

Ambiente

Expo CLI Cargue los archivos .env de acuerdo con la resolución estándar de archivos .env y luego reemplaza todas las referencias en su código a process.env.EXPO_PUBLIC_[VARNAME] con el valor correspondiente establecido en los archivos .env. El código dentro de Node_Modules no se ve afectado con fines de seguridad.

Entorno de desarrollo

Cree un archivo .env en la raíz de su proyecto para fines de desarrollo:

 EXPO_PUBLIC_API_URL=https://jsonplaceholder.typicode.com

Entorno de producción

Configure el archivo .env.production con las variables de entorno que desea utilizar en producción.

Correr

Enchufe

yarn dev

Web

yarn web

Androide

yarn android

iOS

yarn ios

---

Expo de Expo

expo eject

---

Apoyar el proyecto

☕️ Cómprame un café para que la fiesta de código abierto nunca terminará.

YouTube | Instagram | Twitter | Facebook

GodOfProgramming.com