Pidiendo permiso al usuario para obtener su ubicación en React Native

Para conocer la ubicación de un usuario en React Native, usamos la librería expo-location, para lo cual lo primero que tenemos que hacer es instalarla: expo install expo-location Después, importamos la libreria: import { requestPermissionsAsync } from “expo-location”; T ambien podemos crear un state para manejar un mensaje de error en caso de que el usuario niegue el permiso: const [mensajeError, setMensajeError] = useState(null); Y … Continúa leyendo Pidiendo permiso al usuario para obtener su ubicación en React Native

Haciendo llamadas API con Axios en React Native

Si queremos hacer una llamada GET, POST, PUT o DELETE a una API endpoint, podemos hacerlo en React Native usando Axios. Para lo cual somo siempre, lo primero es instalarlo: npm install axios Y  después importarlo: import axios from “axios”; Para hacer una llamada GET axios se configura de esta forma: const getBlogPosts = async () => { try { axios .get(“URL”) .then(response => { … Continúa leyendo Haciendo llamadas API con Axios en React Native

Usando el hook useContext en React Native

El hook useContext puede ser usado en vez del hook useState si nuestra app tiene state que debe ser accesible desde muchos componentes que esten anidados. Una forma de arreglar el problema de acceder al state desde componentes anidados es enviando el state de componente en componente mediante los props, lo cual se hace muy dificl de mantener en aplicaciones grandes o complejas. Para esta … Continúa leyendo Usando el hook useContext en React Native

Usando el hook useEffect en React Native

Si queremos ejecutar una función solamente una vez cuando se carga nuestro componente, podemos hacer uso del hook useEffect, para lo cual, primero lo importamos: import React, { useEffect } from “react”; Y después lo podemos usar de esta forma: useEffect(() => { getBlogPosts(); }, []); Los [ ] al final indican que la función getBlogPost solo debe ejecutarse cuando se cargue el componente. Continúa leyendo Usando el hook useEffect en React Native