React Native + Expo iniciando uma aplicação Android

Neste artigo, vamos ver como iniciar o desenvolvimento de um aplicativo Android utilizando React Native. No artigo: Iniciando o desenvolvimento de um App Android com React Native, eu já apresento este processo utilizando o Android Studio. Aqui vou apresentar como podemos utilizar a plataforma Expo, para facilitar nosso processo de desenvolvimento. O Aplicativo que desenvolvi Lit List – Listas e Tarefas foi criado e publicado utilizando o Expo.

Continue lendo “React Native + Expo iniciando uma aplicação Android”

React Native + Redux passo a passo na prática

No sexto artigo da nossa série de artigos sobre React Native, vamos adicionar o Redux para gerenciar o estado do nosso aplicativo. Relembrando, estamos desenvolvendo um aplicativo que lista ofertas, promoções e desconto em produtos,  pegando essas informações de uma API. No artigo anterior Consumindo dados de uma API REST com React Native, nós vimos como consumir dados de uma API REST e os exibir no aplicativo. Neste artigo vamos ver como adicionar o Redux em nosso aplicativo React Native, para gerenciar o estado de nossa aplicação. Veja a aplicação já disponível em meu Git Hub para acompanhar melhor o artigo. https://github.com/andersonirias/react-native-tutorial.

Continue lendo “React Native + Redux passo a passo na prática”

Consumindo dados de uma API REST com React Native

Hoje no quinto artigo da nossa série de artigos sobre React Native, vamos realizar a chamada em nossa API para recuperar a lista de produtos em oferta. Relembrando, estamos desenvolvendo um aplicativo que lista ofertas, promoções e desconto em produtos,  pegando essas informações de uma API. No artigo anterior Como criar uma lista de produtos com React Native, nós vimos como criar a UI da lista de produtos. Neste artigo vamos ver como recuperar a lista de produtos pela API, e como inserir estes produtos na interface criada.

Continue lendo “Consumindo dados de uma API REST com React Native”

Como criar uma lista de produtos com React Native

Estamos no quarto artigo da nossa série de artigos sobre React Native. Neste artigo vamos finalizar a nossa UI (Interface do Usuário), criando o card é listagem para exibirmos os produtos que estão em oferta. Relembrando estamos desenvolvendo um aplicativo que lista ofertas, promoções e desconto em produtos,  pegando essas informações de uma API. Veja o terceiro artigo da série onde criamos a primeira parte da UI. Criando o primeiro componente com React Native.

Continue lendo “Como criar uma lista de produtos com React Native”

Criando o primeiro componente com React Native

Continuando nossa série de artigos sobre React Native, estamos no terceiro artigo. Vamos agora desenvolver os primeiros componentes do nosso aplicativo. Nesta série de artigos, vamos desenvolver do zero um aplicativo Android com React Native. Vamos desenvolver um aplicativo que lista ofertas, promoções e desconto em produtos,  pegando essas informações de uma API. Para quem gostaria de saber mais sobre APIs sugiro o artigo: API HTTP+REST – Conceito e exemplo em Node.js.

Continue lendo “Criando o primeiro componente com React Native”

Iniciando o desenvolvimento de um App Android com React Native

Neste artigo vamos iniciar um projeto Android utilizando o React Native no Linux. Neste artigo não vou apresentar como configurar o ambiente de desenvolvimento. Caso não tenha o ambiente configurado, veja no artigo Instalando e Configurando o React Native no Linux como realizar passo a passo a configuração do ambiente de desenvolvimento React Native no Linux.

Continue lendo “Iniciando o desenvolvimento de um App Android com React Native”

Instalando e Configurando o Ambiente de desenvolvimento React Native

Neste artigo vou apresentar como instalar e configurar o ambiente de um projeto com React Native no Linux. O React Native é um framework JavaScript para realizar o desenvolvimento de aplicativos nativos Android e IOS utilizando o JavaScript. Para configurar um projeto inicial vamos precisar:

  • Node.js
  • npm
  • Java
  • QEMU KVM
  • Android Studio
  • React Native CLI
Continue lendo “Instalando e Configurando o Ambiente de desenvolvimento React Native”