🚀 Template React Native - Abril 2021

Template React Native é um ponto de partida para os projetos em React Native. Este projeta está configurado com redux, redux saga e redux persist. Também usa a ultima versão do react-navigation (v5)

Features

• React Hooks
• React Navigation with Authentication flow baked in.
• React Native Gesture Handler
• React Native Vector Icons
• Redux with hooks support
• Redux Saga
• Redux Persist
• Redux Toolkit
• Reselect
• Jest
• Eslint (Airbnb config)

Prerequisitos

• Node v12 (it is recommended to install it via NVM)
• Yarn

Estrutura do Projeto

• /src - Contém todo nosso código React Native
  • /components - componentes compartilhados por todo o projeto
  • /config - Configurações universais
  • /constants - variáveis constantes
  • /locales - internacionalização
    • /translations - arquivos JSON com os textos em cada idioma
  • /models - Models usados no app
  • /routes - Configuração das rotas de navegação do app
  • /screens - São as telas do APP
    • login- Cada pasta representa uma tela e contém um index.tsx
  • /store - Inclui toda configuração para Store / gerenciamente global de estados.
    • modules - configura os regucers das funcionalidades do app
      • auth - Cada pasta representa uma funcionalidade
        • slice.ts - Configura os actions/reducers
    • reducers.ts - Combina todos os reducers
    • sagas.ts - Combina todas as funcionalidades com sagas
    • index.js - Set ups store and export things

Iniciando

1. Clone esse repositorio, git clone https://github.com/grupoatto/template-react-native.git <your project name>
2. Entre na pasta do repositorio, cd <your project name>
3. Delete a pasta .git, rm -rf .git
4. Use React Native Rename para alterar o nome do projeto $ npx react-native-rename <newName>
5. Execute yarn ou npm install pra instalar as dependencias

6. Inicie o projeto com npm start
7. Teste a aplicação:

• On Android:
  • Run react-native run-android
• On iOS:
  • Open ios/YourReactProject.xcworkspace in Xcode
  • Hit Run after selecting the desired device

8. Divirta-se!!!