Tiempo de lectura: 2 minutos Las pruebas unitarias son una parte esencial del desarrollo de software que ayuda a garantizar que las distintas partes de tu aplicación funcionen correctamente. En este tutorial, aprenderemos a escribir pruebas unitarias para un componente React utilizando Jest y @testing-library/react. Requisitos previos Asegúrate de tener Node.js y npm instalados en tu máquina antes de comenzar. … Leer más
Tiempo de lectura: 2 minutos En este artículo de hoy, vamos a ver una forma de implementar Axios (viene a sustituir los fetch o ajax de Javascript en React). Además, optimizaremos las llamadas con React Query, manteniendo en caché aquellas que se realicen en determinadas ocasiones, para evitar realizar un número elevado de llamadas al servidor. Primero voy a explicar … Leer más
Tiempo de lectura: 2 minutos Para poder almacenar variables en local, tenemos que implementar local storage, al igual que en web, podemos utilizarlo en React. Vamos a empezar: Paso 1: Importar los Módulos Necesarios Asegúrate de tener instalados los módulos necesarios. Puedes instalar react y react-dom si aún no lo has hecho: Paso 2: Crear un Componente de Contador Vamos … Leer más
Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos integrar internacionalización y distintos idiomas usando i18next (https://react.i18next.com/) y React y además lograr detectar el idioma del navegador. Para implementar internacionalización con i18next en tu aplicación React, primero debes instalar i18next y sus módulos relacionados, como react-i18next. Luego, configurar i18next para que pueda cargar las traducciones desde los archivos … Leer más
Tiempo de lectura: 2 minutos Material UI es un framework de desarrollo de interfaces basadas en Google Material Design. Personalmente este estilo de diseño me gusta mucho, tanto por los componentes que tiene, como por la paleta de colores. Llegando a un equilibrio entre usabilidad y diseño moderno. Vamos a aprender cómo instalar este Framework en nuestro proyecto React. Aquí … Leer más
Tiempo de lectura: 3 minutos Hoy vamos a aprender a utilizar Vite.js dentro de nuestros proyectos React. Vite.js es una herramienta de construcción y desarrollo de aplicaciones web que se enfoca en la velocidad y la eficiencia. A continuación, se presentan algunas de las razones por las que es bueno usar Vite.js: En resumen, Vite.js es una excelente herramienta de … Leer más
Tiempo de lectura: 2 minutos Hola, hoy vamos a aprender los primeros pasos que tenemos que hacer para crear una web con React. Primero necesitamos tener instalado nodejs en nuestro sistema Instalar nodejs en Windows Para instalar Node.js en Windows, sigue estos pasos: 1. Ve al sitio web oficial de Node.js: https://nodejs.org/en/download/ 2. Descarga la versión recomendada para la mayoría … Leer más
Tiempo de lectura: < 1 minuto Hola, hoy vamos a aprender cómo podemos editar variables de info.plist en una app para iOS con React Native. Lo primero que vamos a hacer es ir a nuestro app.json o app.config.json (según la versión que tengamos en nuestro proyecto). Ahora buscamos la parte de iOS y añadimos un campo que se llama «infoPlist» quedando … Leer más
Tiempo de lectura: < 1 minuto Voy a explicar cómo puedes ejecutar la instalación de un paquete npm con flags o cualquier otro comando al generar un build con React Native: En este caso necesitamos aplicar esta instalación de dependencia: Paso 1: Crea un archivo .npmrc Primero crea en la raíz un archivo llamado .npmrc con este contenido: Paso 2: Agregar … Leer más
Tiempo de lectura: < 1 minuto Hola, hoy vamos a solucionar el error que aparece al intentar crear un build de iOS en la versión de react native 72 / Expo 48. El error es el siguiente: Para solucionarlo hay que seguir estos pasos: isMa Ingeniero en Informática, me encanta crear cosas o arreglarlas y darles una nueva vida. Escritor y … Leer más
