1.5.0 • Published 5 years ago

react-native-template-peanut-app-template v1.5.0

Weekly downloads
28
License
-
Repository
-
Last release
5 years ago

Peanut app template - Template base para react-native

Ideia do projeto

O propósito é criar uma template base para projetos react-native, que pode ser utilizada para diferentes cases. A template inclui autenticação, gerenciamento de formulários, redux, tratamento de dados offline, variáveis de ambiente, entre outros.

Conteúdo

O template quando inicializado contém as seguintes bibliotecas:

  • React Native na versão 0.59.9 (e complementares, como o babel e jest);
  • Axios: cliente http baseado em promises, de modo a realizar chamadas para APIs;
  • Eslint: lint para boas práticas de formatação;
  • Formik: pacote com facilitadores de formulários, tais como componentes e validadores;
  • Native base: componentes de UI para react-native;
  • React Native chart kit: biblioteca contendo diferentes tipos de gráfico;
  • React Native Config: o objetivo é gerenciar as variáveis de ambiente, por exemplo para APIs de desenvolvimento, homologação e produção;
  • React Navigation: com o objetivo de criar rotas / navegação para o react-native. Para este projeto, foram utilizados: tab navigation, stack navigation e switch navigation;
  • React Native Vector Icons: pacote de icones. Inclui ícones do Font Awesome e Material Icons, por exemplo;
  • Reactotron: o objetivo é inspecionar apps para react e react-native;
  • Realm database: gerenciar base de dados do app, de modo a permitir o funcionamento offline;
  • Redux: arquitetura para gerenciar o estado global de aplicações react;
  • Redux Thunk: middleware para lógicas em redux;

Inicializando o projeto em múltiplos ambientes

Desenvolvimento: ENVFILE=.env && react-native run-android Homologação: ENVFILE=.env && react-native run-android Produção: ENVFILE=.env.production && react-native run-android

Para o Windows acrescentar o SET no comando, por exemplo: SET ENVFILE=.env.production && react-native run-android

Instalação

Realizar o seguinte comando no prompt de comando do seu sistema operacional. react-native init ProjectExample --version="0.59.9" --template="peanut-app-template"

Exemplos

Dashboard Dashboard Dashboard Dashboard Formulário com formik Listagem offline Listagem offline Busca por categoria offline Busca por nome offline "Busca sem resultados Logout Login