Implementar Vitest en un entorno de React con Vite para realizar test unitarios

Implementar Vitest en un entorno de React con Vite para realizar test unitarios

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

Implementar enlaces profundos Deep Links o enlaces Universales con Expo en React Native

Implementar enlaces profundos Deep Links o enlaces Universales con Expo en React Native

Tiempo de lectura: 4 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

Integrar pruebas Unitarias con Jest en React

Integrar pruebas Unitarias con Jest en React

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

Añadir pantalla completa a una aplicación Android

Añadir pantalla completa a una aplicación Android

Tiempo de lectura: < 1 minuto Hoy vamos a ver cómo podemos cargar una aplicación Android en modo pantalla completa. Para ello tendremos que ir a nuestro MainActivity y añadir el siguiete código: Java: Kotlin: isMa Ingeniero en Informática, Investigador, me encanta crear cosas o arreglarlas y darles una nueva vida. Escritor y poeta. Más de 20 APPs publicadas y un … Leer más

Como poner una APP de React Native con Expo en modo Inmersivo (pantalla completa) para Android

Como poner una APP de React Native con Expo en modo Inmersivo (pantalla completa) para Android

Tiempo de lectura: < 1 minuto Hoy vamos a implementar el modo Inmersivo para Android en una APP desarrollada con Expo React Native. El modo inmersivo nos permite poner una aplicación en modo pantalla completa en Android. Primero vamos a instalar las librerias necesarias: Expo navigation bar: Expo status bar: Y ahora para ocultar la barra de estado y navegación añadimos … Leer más

Transformar vector XML de Android a un SVG usando la línea de comandos

Transformar vector XML de Android a un SVG usando la línea de comandos

Tiempo de lectura: < 1 minuto Hoy vamos a aprender cómo podemos transformar un vector XML de Android a un vector en formato SVG usando la línea de comandos. Con el vector en SVG podremos utilizarlo tanto en React, Flutter o Web. Lo primero que haremos es instalar esta librería (si queremos podemos usar la web): Una vez instalada la vamos … Leer más

Ocultar statusBar cuando mostramos modal en React Native

Ocultar statusBar cuando mostramos modal en React Native

Tiempo de lectura: < 1 minuto Vamos a ver cómo podemos solucionar el error que nos muestra el statusbar cuando mostramos un modal en React Native. Para solucionar este bug, tenemos que añadir la siguiente propiedad en nuestro modal: Y ahora se mostrará en pantalla completa: isMa Ingeniero en Informática, Investigador, me encanta crear cosas o arreglarlas y darles una nueva … Leer más

Restarurar configuración de VSCode si se pierde o se modifica archivo settings.json

Restarurar configuración de VSCode si se pierde o se modifica archivo settings.json

Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos restaurar a una configuración anterior de VSCode nuestro archivo settings.json, extensiones, configuración de UI etc… Para realizar esta restaruación tenemos que abrir los comandos de VSCode: Windows: Mac: Una vez abierto, buscamos Settings sync: Show Synced Data o Sincronización de configuración: Mostrar datos sincronizados Dentro de la lista de … Leer más

Añadir respuesta háptica (vibración) a un botón de tu APP de React Native con Expo

Añadir respuesta háptica (vibración) a un botón de tu APP de React Native con Expo

Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos añadir una respuesta háptica en un botón usando React Native con Expo. Una respuesta háptica en un botón es una retroalimentación táctil que proporciona un dispositivo cuando presionas un botón o realizas alguna acción táctil sobre él. En lugar de simplemente pulsar un botón y no recibir ningún tipo … Leer más

Crear fuente (Font) personalizada para APP React Native con Expo

Crear fuente (Font) personalizada para APP React Native con Expo

Tiempo de lectura: < 1 minuto Hoy aprenderemos cómo podemos añadir una fuente personalizada (Font) usando React Native con Expo. Lo primero que tenemos que hacer es descargar nuestra fuente, por ejemplo de https://fonts.google.com/ Ahora la guardaremos dentro de assets/fonts Ahora iremos a nuestro entry point, en mi caso es app.tsx Usaremos expo-font Si queremos cargarla de forma nativa: Con esto … Leer más