Tiempo de lectura: < 1 minuto Hoy vamos a aprender cómo podemos mostrar información de idiomas de la APP usando Apple Store en iOS. En la sección de idiomas aparece: Para ello abrimos el Info.plist de nuestra APP y añadimos los idiomas que admite: En mi caso es inglés y español, recureda que si usas React Native o Flutter deberás añadir … Leer más
Tiempo de lectura: 2 minutos Este tutorial utiliza React y CSS para crear un carrusel simple y funcional. Paso 1: Configurar el entorno de React Si aún no tienes una aplicación de React configurada, primero necesitas crear una. Si ya la tienes, puedes saltarte este paso. Paso 2: Crear la estructura del carrusel Paso 3: Usar el componente Carousel en … Leer más
Tiempo de lectura: 2 minutos Vitests nos permite realizar pruebas sobre Axios y nuestras llamadas remotas REST. Hoy vamos a aprender a crear pruebas e2e con React. Supongamos que tenemos un servicio que gestiona la creación, obtención y eliminación de artículos (ArticleService). 1. Preparación del Proyecto Instalación de Dependencias Primero, instala las dependencias necesarias si aún no lo has hecho: … Leer más
Tiempo de lectura: 2 minutos Si al crear nuestra primera compra en APP nos aparece: Tenemos que hacer lo siguiente: Ahora tendremos que añadir todos los datos necesarios para la revisión de la compra in APP: De esta forma estará lista para enviar. Tenemos que ir a la pagina principal de nuestra APP Apple y seleccionar la compra que queremos … Leer más
Tiempo de lectura: < 1 minuto Hoy vamos a aprender cómo podemos crear un archivo de configuración previa de test para Jest o Vitest. Esto puede servirnos por ejemplo si necesitamos cargar los datos de usuario previamente a realizar los tests. Para lograr que se carguen algunos datos antes de realizar los tests tenemos que crear un archivo llamado tests.setup.tsx en … Leer más
Tiempo de lectura: 3 minutos Hoy vamos a hacer un script que nos ayudará a editar el AndroidManifest.xml después de generar el build con React Native Expo para evitar permisos extras que añaden ciertas librerías. En mi caso quiero eliminar el permiso: Que añade automáticamente la librería de Expo Sensors. Para eliminarlo lo que haremos es generar un paso posterior … Leer más
Tiempo de lectura: 6 minutos Hoy vamos a aprender cómo podemos implementar Login de Google con Google Sign para React Native y que además es compatible con Expo. Vamos a utilizar la librería react-native-google-signin/google-signin Primero vamos a instalar la librería necesaria: Importante, para que la librería funcione debes tener una APP nativa. (Aquí te enseño cómo generar un build de … Leer más
Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos instalar Vitest en un entorno de React con Vite. Lo primero que haremos es instalar Vitest: Después instalaremos las librerías necesarias: Ahora vamos a crear la estructura de carpetas para los tests, fuera de nuestra carpeta src: Y dentro de componentes vamos a crear un componente de ejemplo para … Leer más
Tiempo de lectura: 2 minutos Los enlaces profundos nos permiten abrir secciones de nuestra APP utilizando un link o url. Primero vamos a implementar los deep links en Android. Para ello: Vamos a app.json y añadimos: Suponiendo que la url que queremos abrir es https://myapp.com/main. Para obtener el contenido de la URL abierta añadimos dentro de nuestra pantalla de navegación … Leer más
Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos integar prubas con Jest que nos permitan testear los componentes React creados. Lo primero que tenemos que hacer es instalar Jest: Instalamos testing-library/jest-dom: Instalamos ts-jest Instalamos: Instalaremos React testing library: O si usamos TypeScript: Además para typescript: Ahora vamos a crear la estructura de carpetas para nuestras pruebas con … Leer más
