Intro a React Native

Bootstrapping del proyecto:

Pre-requisitos

• Es necesario tener instaladas las ultimas versiones LTS de Node y npm: https://nodejs.org/en/download/

• Instalar yarn globalmente según la siguiente guía: https://classic.yarnpkg.com/en/docs/install/

Clone

git clone https://github.com/MaxiSuppes/intro-react-native.git

Instalar expo-cli globalmente

npm install -g expo-cli

Instalar dependencias

Ejecutar el comando yarn install en el root del proyecto

Variables de entorno

Crear un archivo environments.js en el directorio root y copiarle el contenido del archivo environments.example.js.

apiUrl: Estamos usando la API gratuita https://reqres.in/api

usingFakeApi: True si se quieren usar los mocks o vacío si se quiere usar la API antes mencionada.

Run en Android o iOS

Es necesario tener descargada la última versión de Expo en el celular. Luego correr el siguiente comando en la consola: expo start. Escanear el código QR que aparece en la ventana del navegador que se abrió. (En Android se puede escanear desde dentro de la app, en iOS directamente con la cámara)

Contenido:

Cada una de las ramas contiene un ejemplo introductorio de algunas de las nociones principales de React.

basic-version Contenido básico de una app creada con create-react-app

navigation Ejemplo de navegación básica

environment-variables Configuración de variables de entorno

api-request Se usa un módulo para encapsular la comunicacion entre el cliente y la api. Los request se hacen a una API pública usando fetch API

styling Grid con Flexbox con algún estilo específico para cada plataforma

async-storage Se guardan datos editados por el usuario en el Local Storage

master Tiene el contenido total de todas las ramas anteriores

Que falta?

No se agregó ningún test!

Otros links de utilidad

React Native documentation

Tests con Jest

Airbnb React conventions