React Native Boiler Plate
1.0.0
Este projeto é um caldeira nativo do React que pode ser usado para iniciar um aplicativo móvel.
O Boilerplate fornece uma arquitetura otimizada para a construção de aplicativos móveis sólidos de plataforma cruzada através da separação de preocupações entre a interface do usuário e a lógica de negócios. É incrivelmente relatado para que cada pedaço de código que aterrisse em seu aplicativo possa ser entendido e utilizado.
If you love this boilerplate, give us a star, you will be a ray of sunshine in our lives :)O projeto está configurado com o Microsoft App Center for Crash Analytics. Também ajudará a distribuir seu aplicativo com a equipe de controle de qualidade. FUTHERMORE, CI/CD pode ser implementado facilmente.
Você pode aplicativo segredo do androidappsrcmainassetsappcenter-config.json .
"@react-native-community/async-storage": "^1.9.0",
"@react-native-community/masked-view": "^0.1.9",
"@react-navigation/native": "^5.1.5",
"@react-navigation/stack": "^5.2.10",
"axios": "^0.19.2",
"react": "16.11.0",
"react-native": "0.62.2",
"react-native-config": "^1.0.0",
"react-native-elements": "^1.2.7",
"react-native-floating-action-button": "^0.2.2",
"react-native-gesture-handler": "^1.6.1",
"react-native-paper": "^3.8.0",
"react-native-reanimated": "^1.8.0",
"react-native-safe-area-context": "^0.7.3",
"react-native-screens": "^2.4.0",
"react-native-vector-icons": "^6.6.0"
O projeto tem separação de preocupações para aumentar a flexibilidade e a manutenção. As preocupações são divididas em partes abaixo como:
A camada de apresentação possui todos os componentes e arquivos nos quais os colocações e elementos são exibidos, que serão visbleos para o usuário e através do qual o usuário interagirá com o sistema.
A camada de ação possui todo o componente e arquivos que serão usados para executar determinadas ações. Por exemplo, método de login, método de inscrição, validador de campo etc.
A camada de ação possui todo o componente e arquivos que serão usados para executar chamadas de API. Esta camada será gerenciada pela Biblioteca Axios.
A divisão do código é muito necessária para aumentar a reutilização e aumentar a flexibilidade. Este projeto foi projetado dessa maneira para receber todas as alterações. Algumas das divisões são dadas abaixo:
A pasta UTILIS terá todos os arquivos a serem definidos, rótulos, costas e outras informações que serão usadas no ITILIS no projeto.
A pasta Ativo terá todos os recursos como imagens, arquivos de áudio etc.
A pasta de configuração terá todas as configurações do aplicativo.
A pasta do componente terá todos os componentes personalizados, como campos de texto personalizados, botões, cabeçalho etc.
A pasta Stlyes terá todos os arquivos CSS para fornecer design de nível de projeto. Esta pasta também contém a pasta de cores para definir as cores do tema setemente.
Todo mundo deseja otimizar o modo de distribuição do aplicativo para testes rápidos. Algumas vezes, temos servidores separados e bancos de dados de back -end para controle de controle de qualidade, dev, staging e produção. Este projeto possui 4 variantes de construção, ou seja, depuração, lançamento de controle de qualidade, lançamento de stagging, lançamento. Você pode alterar as configurações variantes dos seguintes arquivos. .env.dev para Debug .env.qa para liberação de qa .env.stagging para liberação de stagging .env.production for Release
Liberação de controle de qualidade, liberação de stagging, liberação terá o pacote JS para que seja executado sem o servidor JS do nó, enquanto a depuração é para a equipe de desenvolvimento, para que ele precise de nó JS (Metro Server em execução).
Você pode alterar arquivos para cada variante do android/app/build.gradle
project.ext.envConfigFiles = [
debug: ".env.dev",
release: ".env.production",
qarelease: ".env.qa",
staggingrelease : ".env.stagging",
anothercustombuild: ".env.qa",
]
Para criar um novo projeto usando o Boilerplate:
Supondo que você tenha todos os requisitos instalados, você pode configurar e executar o projeto executando:
cd android ./gradlew clean assembleQarelease para criar liberação de controle de qualidade apk ./gradlew clean assembleStaggingrelease para criar uma liberação de stagging apk ./gradlew clean assembleRelease para criar liberação apk
react-native run-android --variant=qarelease react-native run-android --variant=staggingrelease react-native run-android --variant=release
Por padrão, a variante de depuração será executada no dispositivo.
Contribuições, questões e solicitações de recursos são bem -vindos. Sinta -se à vontade para verificar a página de problemas se quiser contribuir.
Meu nome é Abid Jamil, do Paquistão, sou engenheiro de software sênior da NextBridge Ltd Paquistão. Tenho experiência em Android nativo | React - Nativo | IOS | Android | Java | Kotlin | JavaScript | Mvvm | MVP | Rxjava | Dagger | Design de material | Dados ao vivo | Ligação de dados. FutHermore, sou uma contribuição de código aberto e pesquisador de ciência da computação. Eu publiquei 17 artigos de pesquisa que são vistos no perfil do Google Scholar. Eu entreguei muitas palestras em diferentes universidades nacionais e internacionais em todo o mundo.
