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: 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
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
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:
Tiempo de lectura: 2 minutos Al intentar ejecutar una aplicación desarrollada en React Native en un dispositivo Android, me he encontrado con el siguiente error. Para solucionarlo, he ido a la configuración de red e Internet de mi ordenador, después he pulsado en ‘Estado’ como muestro en la siguiente imagen. A continuación pulsamos dónde estamos conectados para ir a la … Leer más
Tiempo de lectura: < 1 minuto Hoy vamos a aprender cómo podemos eliminar la opción de permitir backup en localstorage usando React Native. Por defecto Expo en React Native nos establece la opción de almacenar el localstorage en remoto: Para evitarlo tendremos que poner la opción de allowBackup a false. Para ello vamos a nuestro app.json y ponemos: Y ahora tendremos … Leer más
Tiempo de lectura: 2 minutos Los frameworks de desarrollo web son herramientas poderosas que permiten a los desarrolladores crear aplicaciones web de manera más eficiente y organizada. Muchos de estos frameworks son compatibles con TypeScript, lo que agrega beneficios adicionales en términos de seguridad y mantenibilidad del código. A continuación, presentaremos algunos de los frameworks más populares y su integración … Leer más
Tiempo de lectura: 2 minutos TypeScript es un lenguaje de programación de código abierto desarrollado y mantenido por Microsoft. Se describe a menudo como un «superset» de JavaScript, lo que significa que todo código JavaScript válido también es válido en TypeScript, pero TypeScript agrega características adicionales que mejoran la experiencia de desarrollo, especialmente en proyectos grandes y complejos. Características Principales: … Leer más
Tiempo de lectura: 2 minutos El mundo del desarrollo web está repleto de una amplia gama de lenguajes de programación, cada uno con sus propias características y propósitos específicos. Lenguajes de Programación para el Front-end: a. HTML (HyperText Markup Language):HTML es el lenguaje fundamental utilizado para crear la estructura y el contenido de las páginas web. Define la jerarquía de … Leer más
Tiempo de lectura: 2 minutos El desarrollo de software es un proceso complejo y multifacético que implica una serie de etapas interrelacionadas, cada una fundamental para llevar una idea desde su concepción inicial hasta su implementación y mantenimiento. Estas etapas proporcionan una estructura organizada y sistemática que guía a los equipos de desarrollo a lo largo del proceso, asegurando la … Leer más
