[POC] React Native com Code Spliting, Packages e Clean Architecture.

Com o objetivo de paralelizar e facilitar a organização de grandes projetos para aplicações mobile, foi criado um POC (prove of concept) com uma aplicação principal, e um code split com a jornadas dos modulo de empréstimo, e packages de ferramentas para auxiliar na infraestrutura.

Demo:

Tecnologias usadas

• React Native
• Typescript
• React-Navigation
• Inversify (inject dependency to clean architecture)
• Redux
• Lerna

Estrutura do projeto

• packages => Microfronts e Package-tool
  • core => Microfont com a regra de negócio (clean, testes unitários e estado global).
  • interfaces => Package-Tool com as interfaces de comunicação entre microfronts.
  • templates => Package-Tool com o template das screens utilizadas pelos microfront de jornada..
  • theme => Package-Tool com a estrutura de tema para toda aplicação.
  • ui => Package-Tool de componentes usado para montar os templates.
• src
  • assets: Application images, videos, gifs and others.
  • routes: React Navigation config.
  • screens: Main app screens.
  • store: Global state app (redux)

Como compilar e rodar o projeto

1 - Faça o clone do projeto Main

git clone --recursive -j8 https://github.com/marcelochb/poc-rn-repack-main.git

1.1 - Instale as dependências (Main Project)

yarn && npx lerna bootstrap

1.2 - Iniciar Webpack (Main Project)

yarn start

1.3 - Instalando e Iniciando Json Server

brew install json-server && json-server --watch db.json

2 - Faça o clone do Microfront Loan

git clone --recursive -j8 https://github.com/marcelochb/poc-rn-repack-microfront.git

2.1 - Instale as dependências (Microfront Project)

yarn && npx lerna bootstrap

2.2 - Install iOS Pods (Microfront Project)

yarn pod

2.3 - Iniciar Webpack Remoto (Microfront Project)

yarn start-repack

1.4 - Rodar iOS (Main Project)

yarn pod && yarn ios